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.

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.

Document Tags and Contributors

 Contributors to this page: alberts+, cvrebert, transoceanic2000, kscarfone, RufusCSharma
 Last updated by: alberts+,