Interaction media queries

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.

Baseline Status: Achieved Widely Available on Jun 11, 2021 (Cross-browser Newly Available since Dec 11, 2018).

Desktop Browser Engine Support

Google Chrome

41

Supported

Mozilla Firefox

64

Supported

Apple Safari

9

Supported

Microsoft Edge

12

Supported

Mobile Browser Engine Support

Chrome Android

41

Firefox Android

64

Safari iOS

9

Specifications and References

Specification ↗ Can I Use (css-media-interaction) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.at-rules.media.any-hover ↗ css.at-rules.media.any-pointer ↗ css.at-rules.media.hover ↗ css.at-rules.media.pointer ↗