:indeterminate

Resumen

La pseudo-clase de CSS :indeterminate representa:

• cualquier elemento <input type="checkbox"> cuya propiedad indeterminate de DOM sea establecida con valor true desde JavaScript
• elementos <input type="radio"> donde todos los elementos de su mismo grupo estén desmarcados
• elementos <progress> en estado indeterminado

Sintaxis

:indeterminate { style properties }

Ejemplos

Checkbox y radio button

CSS

input, span {
  background: red;
}

:indeterminate, :indeterminate + label {
  background: lime;
}

HTML

<div>
  <input type="checkbox" id="checkbox">
  <label for="checkbox">El fondo debe ser verde</label>
</div>
<div>
  <input type="radio" id="radio">
  <label for="radio">El fondo debe ser verde</label>
</div>

JavaScript

var inputs = document.getElementsByTagName("input");
for(var i = 0; i < inputs.length; i++) {
  inputs[i].indeterminate = true;
}

Elemento progress

CSS

:indeterminate {
  opacity: 0.5;
}

HTML

<progress>

Resultado

Especificaciones

Compatibilidad de navegadores

[1] Implementada en bug 885359.

[2] Véase Edge bug 7124038

[3] Véase WebKit bug 156270