Media Queries: interaction media features

Allows a media query to be set based on the presence and accuracy of the user's pointing device, and whether they have the ability to hover over elements on the page. This includes the pointer, any-pointer, hover, and any-hover media features.

Chrome

❌ 4 - 40: Not supported
✅ 41 - 137: Supported
✅ 138: Supported
✅ 139 - 141: Supported

Edge

✅ 12 - 137: Supported
✅ 138: Supported

Safari

❌ 3.1 - 8: Not supported
✅ 9 - 18.4: Supported
✅ 18.5: Supported
✅ 26.0 - TP: Supported

Firefox

❌ 2 - 63: Not supported
✅ 64 - 139: Supported
✅ 140: Supported
✅ 141 - 143: Supported

Opera

❌ 9 - 27: Not supported
✅ 28 - 116: Supported
✅ 117: Supported

IE

❌ 5.5 - 10: Not supported
❌ 11: Not supported

Chrome for Android

✅ 138: Supported

Safari on iOS

❌ 3.2 - 8.4: Not supported
✅ 9 - 18.4: Supported
✅ 18.5: Supported
✅ 26.0: Supported

Samsung Internet

❌ 4: Not supported
✅ 5 - 27: Supported
✅ 28: Supported

Opera Mini

❌ all: Not supported

Opera Mobile

❌ 10 - 12.1: Not supported
✅ 80: Supported

UC Browser for Android

✅ 15.5: Supported

Android Browser

❌ 2.1 - 4.4.4: Not supported
✅ 138: Supported

Firefox for Android

✅ 140: Supported

QQ Browser

✅ 14.9: Supported

Baidu Browser

✅ 13.52: Supported

KaiOS Browser

❌ 2.5: Not supported
✅ 3: Supported

Resources:: Chrome support bug; Interaction Media Features and their potential (for incorrect assumptions); Polyfill for the `hover` media feature; Potential use cases for script, hover and pointer CSS Level 4 Media Features