Pseudoklasa indeterminate

Pseudoklasa indeterminate określa styl przełącznikom, które znajdują się w stanie nieokreślonym, tj. nie zaznaczonym.

Składnia

selektor:indeterminate {
	
}

Zmieńmy kolor czcionki tekstu na zielony, gdy przełącznik znajduje się w stanie nieokreślonym:

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

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

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

pseudoklasa :default,
która określa styl elementów domyślnych
pseudoklasa :optional,
która określa styl dla inputa bez atrybutu required
pseudoklasa :placeholder-shown,
która określa styl elementom przy wyświetlaniu tekstu podpowiedzi
pseudoklasa :read-only,
która określa styl inputom niedostępnym do zmiany
pseudoklasa :required,
która określa styl dla inputa z ustawionym atrybutem required
pseudoklasa :focus-within,
która określa styl elementom w fokusie
właściwość caret-color,
która określa kolor kursora tekstowego w inpucie