Pseudoclase indeterminate

La pseudoclase indeterminate define el estilo para interruptores que están en estado indeterminado, es decir, que no están marcados con una paloma.

Sintaxis

cssselector:indeterminate {
  
}

Vamos a cambiar el color de la fuente del texto a verde, cuando el interruptor esté en estado indeterminado:

html<form>
  <p>
    <input type="checkbox">
      <span>Texto</span>
  </p>
</form>

cssinput:indeterminate, input:indeterminate + span {
  color: green;
}
input, span {
  color: black;
}

javascriptdocument.getElementsByTagName('input')[0].indeterminate = true;

Результат:

pseudoclase :default,
que define el estilo para elementos por defecto
pseudoclase :optional,
que define el estilo para input que no tiene el atributo required
pseudoclase :placeholder-shown,
que define el estilo para elementos cuando se muestra el texto de sugerencia
pseudoclase :read-only,
que define el estilo para inputs no disponibles para modificación
pseudoclase :required,
que define el estilo para input que tiene el atributo required
pseudoclase :focus-within,
que define el estilo para elementos en foco
propiedad caret-color,
que define el color del cursor de texto en el input