W3cubDocs

/CSS

@media.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) 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

© 2005–2017 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover