hover CSS Medienmerkmal

Das hover CSS Medienmerkmal kann verwendet werden, um zu testen, ob der primäre Eingabemechanismus des Benutzers über Elemente schweben kann.

Syntax

Das hover-Merkmal wird als ein Schlüsselwortwert angegeben, das aus der untenstehenden Liste ausgewählt wird.

none

Der primäre Eingabemechanismus kann überhaupt nicht schweben oder nicht bequem schweben (z.B. viele mobile Geräte emulieren das Schweben, wenn der Benutzer eine unbequeme lange Berührung durchführt), oder es gibt keinen primären Zeigegerät-Eingabemechanismus.

hover

Der primäre Eingabemechanismus kann bequem über Elemente schweben.

Beispiele

HTML

<a href="#">Try hovering over me!</a>

CSS

/* default hover effect */
a:hover {
 color: black;
 background: yellow;
}
@media (hover: hover) {
 /* when hover is supported */
 a:hover {
 color: white;
 background: black;
 }
}

Ergebnis

Spezifikationen

Browser-Kompatibilität

Siehe auch

• Verwendung von Media Queries
• @media