CSS - hover

hover is a CSS media feature that can be used to check whether the primary input mechanism allows the user to hover over elements.

Description  

hover is a CSS media feature that can be used to check whether the primary input mechanism allows the user to hover over elements.

Browser Compatibility  

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 38 [1] No support[2] Nightly build ? 9 (WebKit bug #134822)
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? No support[2] ? ? 9.3

[1]: In Chrome <41, the implementation was buggy and reported (hover: none) on non-touch-based computers with a mouse/trackpad; see Chromium bug #441613.

[2]: bug 1035774 – Implement Interaction Media Features

Specifications  

Specification Status Comment
Media Queries Level 4
The definition of 'hover' in that specification.
Working Draft Added in Media Queries Level 4

Enumerated values

Value Meaning
none Primary input mechanism cannot hover at all or cannot conveniently hover (e.g., many mobile devices emulate hovering when the user performs an inconvenient long tap), or there is no primary pointing input mechanism
hover Primary input mechanism system can hover over elements with ease

License

© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/css/@media/hover