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

selector:indeterminate {
	
}

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

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

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

document.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