hover
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Dezember 2018.
Die hover CSS Media-Eigenschaft kann verwendet werden, um zu testen, ob der primäre Eingabemechanismus des Benutzers über Elemente fahren kann.
Syntax
Die hover-Eigenschaft wird als Schlüsselwortwert angegeben, der aus der unten stehenden Liste ausgewählt wird.
none-
Der primäre Eingabemechanismus kann überhaupt nicht über Elemente fahren oder nicht bequem darüber fahren (z. B. simulieren viele mobile Geräte das Fahren, wenn der Benutzer einen umständlichen langen Druck ausführt), oder es gibt keinen primären Zeige-Eingabemechanismus.
hover-
Der primäre Eingabemechanismus kann bequem über Elemente fahren.
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
| Specification |
|---|
| Media Queries Level 4 # hover |
Browser-Kompatibilität
Loading…