CSS - any-hover

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

Description

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

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Basic support	41.0	No support^[2]	No support	28	9.1 ^[1]

Feature	Android	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Basic support	50	No support^[2]	No support	36	9.3

[1] Implemented in WebKit Nightly. See Bug 134822.

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

Value	Meaning
`none`	One or more available input mechanism(s) cannot hover (or there are no pointing input mechanisms)
`on-demand`	One or more available input mechanism(s) can hover, but not easily (e.g., many mobile devices emulate hovering when the user performs a long tap)
`hover`	One or more available input mechanism(s) can hover over elements with ease

© 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/any-hover