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.

Learning resources on MDN

• Media_features, in @media

Browser support (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

Edit this feature - Report an issue about this feature