pointer

La caracteristica pointer CSS comprueba si el usuario tiene un dispositivo de puntero (como el ratón), y si es así, cuán preciso es el dispositivo de puntero primario.

La propiedad pointer se especifica como un valor de palabra clave elegido de la lista que figura a continuación.

none

El mecanismo de entrada principal no incluye un dispositivo apuntador.

coarse

El mecanismo primario de entrada incluye un dispositivo de apuntamiento de precisión limitada.

fine

El mecanismo de entrada principal incluye un dispositivo de apuntamiento preciso.

Este ejemplo crea una pequeño checkbox para los usuarios con punteros primarios finos y un gran checkbox para los usuarios con punteros primarios gruesos.

<input id="test" type="checkbox" />
<label for="test">Mírame!</label>

input[type="checkbox"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: solid;
  margin: 0;
}

input[type="checkbox"]:checked {
  background: gray;
}

@media (pointer: fine) {
  input[type="checkbox"] {
    width: 15px;
    height: 15px;
    border-width: 1px;
    border-color: blue;
  }
}

@media (pointer: coarse) {
  input[type="checkbox"] {
    width: 30px;
    height: 30px;
    border-width: 2px;
    border-color: red;
  }
}

• The any-pointer media feature