Pseudo-classe indeterminate

La pseudo-classe indeterminate définit le style des interrupteurs qui se trouvent dans un état indéterminé, c'est-à-dire non cochés.

Syntaxe

sélecteur:indeterminate {
	
}

Changeons la couleur du texte en vert lorsque l'interrupteur est dans un état indéterminé :

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

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

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

la pseudo-classe :default,
qui définit le style des éléments par défaut
la pseudo-classe :optional,
qui définit le style des inputs sans attribut required
la pseudo-classe :placeholder-shown,
qui définit le style des éléments lors de l'affichage du texte d'aide
la pseudo-classe :read-only,
qui définit le style des inputs non modifiables
la pseudo-classe :required,
qui définit le style des inputs avec l'attribut required
la pseudo-classe :focus-within,
qui définit le style des éléments ayant le focus
la propriété caret-color,
qui définit la couleur du curseur texte dans l'input