MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

pointer is a CSS media feature that can be used to check whether the primary input mechanism is a pointing device, and if so, how accurate it is.

Enumerated values

Value Meaning
none The primary input mechanism of the device does not include a pointing device.
coarse The primary input mechanism of the device includes a pointing device of limited accuracy.
fine The primary input mechanism of the device includes an accurate pointing device.

Example

<!-- CSS media query within a stylesheet -->
<style>
@media (pointer: coarse) {
  input[type="checkbox"], 
  input[type="radio"] {
        min-width:30px;
        min-height:40px;
        background:transparent;
  }
}
</style>

 

Specifications

Specification Status Comment
Media Queries Level 4
The definition of 'pointer' in that specification.
Working Draft Added in Media Queries Level 4

Browser compatibility

Feature Chrome Firefox (Gecko) Edge Internet Explorer Opera Safari
Basic support 41 No support[2] 20 or earlier (12) Nightly build 28 9.0 [1]
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support No support 50 No support[2] 36 ? 9.2

[1]: Implemented in WebKit bug #134822.

[2]: bug 1035774 – Implement Interaction Media Features

Document Tags and Contributors

 Last updated by: jbreneman,