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.
Browser Compatibility
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.
Specifications
Specification | Status | Comment |
---|---|---|
Media Queries Level 4 The definition of 'any-hover' in that specification. |
Working Draft | Initial definition |
Enumerated values
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 |
See Also
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/any-hover