hover CSS Medienmerkmal
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Dezember 2018 browserübergreifend verfügbar.
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
html
<a href="#">Try hovering over me!</a>
CSS
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
| Spezifikation |
|---|
| Media Queries Level 4 # hover |