::-ms-check

No estándar
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

Resumen

El  pseudo-elemento CSS ::-ms-check representa la marca de selección de un <input> con  type="checkbox" o type="radio".

No es un elemento estándar y es únicamente soportado por Internet Explorer y Edge, tal y como indica el prefijo  (-ms que indica Microsoft).

Síntaxis

selector::-ms-check

Ejemplos

Contenido HTML

<form>
    <label for="redButton">Red</label>
    <input type="radio" id="redButton"><br>
    <label for="greenCheckbox">Green</label>
    <input type="checkbox" id="greenCheckbox">
</form>

Contenido CSS

input, label {
    display: inline;
}

input[type=radio]::-ms-check {
    color: red; /* Hará que la marca de selección sea roja cuando seleccionemos el botón */
}

input[type=checkbox]::-ms-check {
    color: green; /* Hará que la marca de selección sea rverde cuando seleccionemos el botón */
}

Más abajo tiene disponible un ejemplo para poder probar. El pantallazo a la izquierda muestra que es lo que sucedería al haer click en caso de que no tengas acceso a Internet Explorer o Edge.

ScreenshotLive sample

Especificaciones

No es parte de ninguna especificación .

Microsoft tienes una descripcón en MSDN que enumera varias propiedades que se pueden modificar en este pseudo-elemento.

Compatibilidad con los distintos navegadores

Característica Chrome Firefox (Gecko) Internet Explorer Opera Safari
Soporte básico No support No support 10.0 No support No support
Característica Android Chrome for Android Firefox Mobile (Gecko) Firefox OS IE Mobile Opera Mobile iOS WebKit
Soporte básico No support No support No support No support ? No support No support
 

Etiquetas y colaboradores del documento

 Colaboradores en esta página: pekechis
 Última actualización por: pekechis,