`any-hover` CSS-Media-Feature

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 any-hover CSS Media-Feature kann verwendet werden, um zu testen, ob irgendein verfügbares Eingabegerät in der Lage ist, über Elemente zu schweben.

Syntax

Das any-hover Feature ist als Schlüsselwortwert angegeben, der aus der folgenden Liste ausgewählt wird.

none: Keines der verfügbaren Eingabegeräte kann bequem schweben, oder es gibt kein zeigendes Eingabegerät.
hover: Ein oder mehrere verfügbare Eingabegeräte können bequem über Elemente schweben.

Beispiele

Testen, ob Eingabemethoden schweben können

HTML

html

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

CSS

css

@media (any-hover: hover) {
  a:hover {
    background: yellow;
  }
}

Ergebnis

Spezifikationen

Spezifikation
Media Queries Level 4 # any-input

Browser-Kompatibilität

Siehe auch

das hover Media-Feature

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden

any-hover CSS-Media-Feature