hover

La característica de medios CSS hover, puede se utilizada para probar si el mecanismo de entrada primario de un usuario puede flotar sobre los elementos.

Sintaxis

La característica hover es especificada como un valor de palabra clave elegida de la siguiente lista.

none
El mecanismo de entrada primario no puede flotar o no puede convenientemente flotar (es decir, algunos dispositivos mobiles emulan la flotación cuando el usuario presiona inconvenientemente por bastante rato la pantalla), o no hay mecanismo de puntero primario.
hover
El mecanismo de entrada primario puede convenientemente flotar sobre los elementos.

Ejemplo

HTML

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

CSS

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

Resultado

Especificaciones

Especificación Estado Comentario
Media Queries Level 4
La definición de 'hover' en esta especificación.
Candidate Recommendation Definición inicial.

Compatibilidad de los navegadores

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome para AndroidFirefox para AndroidOpera para AndroidSafari en iOSSamsung Internet
hover media featureChrome Soporte completo 38
Notas
Soporte completo 38
Notas
Notas Before Chrome 41, the implementation was buggy and reported (hover: none) on non-touch-based computers with a mouse/trackpad. See bug 441613.
Edge Soporte completo 12Firefox Soporte completo 64IE Sin soporte NoOpera Soporte completo 28Safari Soporte completo 9WebView Android Soporte completo 38
Notas
Soporte completo 38
Notas
Notas Before Chrome 41, the implementation was buggy and reported (hover: none) on non-touch-based computers with a mouse/trackpad. See bug 441613.
Chrome Android Soporte completo 50Firefox Android Soporte completo 64Opera Android Soporte completo 28Safari iOS Soporte completo 9Samsung Internet Android Soporte completo 5.0

Leyenda

Soporte completo  
Soporte completo
Sin soporte  
Sin soporte
Ver notas de implementación.
Ver notas de implementación.