Pseudotřída indeterminate

Pseudotřída indeterminate nastavuje styl přepínačům, které jsou v neurčitém stavu, tj. nejsou zaškrtnuty.

Syntaxe

selektor:indeterminate {
	
}

Pojďme přebarvit písmo textu na zelenou barvu, když je přepínač v neurčitém stavu:

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

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

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

pseudotřída :default,
která nastavuje styl prvkům podle výchozího nastavení
pseudotřída :optional,
která nastavuje styl inputu, který nemá atribut required
pseudotřída :placeholder-shown,
která nastavuje styl prvkům při zobrazení textu-nápovědy
pseudotřída :read-only,
která nastavuje styl inputům, které nelze měnit
pseudotřída :required,
která nastavuje styl inputu, který má nastavený atribut required
pseudotřída :focus-within,
která nastavuje styl prvkům ve fokusu
vlastnost caret-color,
která nastavuje barvu textového kurzoru v inputu