Pseudo-clase :indeterminate de CSS

Definición y uso

CSS :indeterminate El pseudo-clase se utiliza para seleccionar cualquier elemento de formulario en estado indeterminado.

Este pseudo-clase solo se puede usar para los siguientes elementos:

  • Elemento <input type="checkbox">. Es necesario usar JavaScript para establecer el atributo indeterminado en true
  • Elemento <input type="radio"> cuando todos los botones de opción con el mismo valor de name en el formulario no están seleccionados
  • Elemento <progress> en estado indeterminado

Ejemplo

Agregar una sombra roja a los elementos de formulario indeterminados:

input:indeterminate {
  box-shadow: 0 0 5px 3px red;
}

Prueba por ti mismo

Sintaxis CSS

:indeterminate {
  declaraciones css;
}

Detalles técnicos

Versión: CSS3

Compatibilidad del navegador

Los números en la tabla especifican la versión del navegador que admite completamente este pseudo-clase por primera vez.

Chrome Edge Firefox Safari Opera
39 79 51 10 26