hover is a CSS media feature that can be used to check whether the primary input mechanism allows the user to hover over elements.
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 |
Specifications
| Specification | Status | Comment |
|---|---|---|
| Media Queries Level 4 The definition of 'hover' in that specification. |
Working Draft | Added in Media Queries Level 4 |
Browser compatibility
| Feature | Chrome | Firefox (Gecko) | Edge | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| Basic support | 38 [1] | No support[2] | 20 or earlier (12) | Nightly build | 28 | 9 [3] |
| Feature | Android | Chrome for Andorid | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Basic support | No support | 50 | No support[2] | 36 | ? | 9.2 |
[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
[3]: Implemented in WebKit bug #134822.