The any-hover
CSS media feature can be used to test whether any available input mechanism can hover over elements.
any-hover
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since December 2018.
Syntax
Examples
Testing whether input methods can hover
HTML
<a href="#">Try hovering over me!</a>
CSS
@media (any-hover: hover) { a:hover { background: yellow; } }
Result
Specifications
Specification |
---|
Media Queries Level 4 # any-input |
Browser compatibility
Desktop | Mobile | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | |
any-hover |
41 | 16 | 64 | 28 | 9 | 41 | 64 | 28 | 9 | 5.0 | 41 |
See also
© 2005–2024 MDN 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