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.
Specifications
| Specification | Status | Comment |
|---|---|---|
| Media Queries Level 4 The definition of 'hover' in that specification. |
Working Draft | Added in Media Queries Level 4 |
| 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