Interaction media queries
Widely available
The pointer
, any-pointer
, hover
, and any-hover
CSS media queries set styles based on the presence of pointing devices and their ability to hover over elements. For example, most smartphones match the (hover: none) and (pointer: coarse)
media query.
To learn more, see
any-hover,
any-pointer,
hover,
pointer at MDN.
Compatibility (view on caniuse.com)
- Chrome 41 Released on 2015-03-03
- Chrome Android 41 Released on 2015-03-11
- Edge 12 Released on 2015-07-29
- Firefox 64 Released on 2018-12-11
- Firefox for Android 64 Released on 2018-12-11
- Safari 9 Released on 2015-09-30
- Safari on iOS 9 Released on 2015-09-16