MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

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 Andorid 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

 Contributors to this page: alberts+, cvrebert, Kimball31, Sebastianz, kscarfone, RufusCSharma
 Last updated by: alberts+,