Referenz:CSS/Selektoren/hover

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Selektor hover CSS 2.1
Beschreibung kennzeichnet Verweise, die mit dem Mauszeiger berührt werden.
Syntax :hover
Browsersupport
  • Chrome
  • Firefox
  • IE 8
  • Opera
  • Safari
Spezifikation W3c logo klein.gif Selectors Level 4
Beispiel
a:hover { background-color: blue; color: white; }

Während der Mauszeiger über den Linkelementen schwebt, ist ihre Hintergrundfarbe blau.

Beachten Sie Auf Mobilgeräten ist wegen der fehlenden Maus die Verwendung dieser Pseudoklasse problematisch. Beispielsweise kann dies zur Nichtbedienbarkeit einer Navigation führen, falls Unterpunkte per :hover ausgeklappt werden sollen.
Tipp