@media.pointer

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

[1]: Implemented in WebKit bug #134822.

[2]: bug 1035774 – Implement Interaction Media Features