Pseudoclasa indeterminate

Pseudoclasa indeterminate definește stilul comutatoarelor care se află în stare nedefinită, adică nu sunt bifate.

Sintaxă

selector:indeterminate {
	
}

Să colorăm textul în verde, când comutatorul se află în stare nedefinită:

<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;

pseudoclasa :default,
care definește stilul elementelor implicite
pseudoclasa :optional,
care definește stilul pentru input-uri care nu au atributul required
pseudoclasa :placeholder-shown,
care definește stilul elementelor la afișarea textului de sugestie
pseudoclasa :read-only,
care definește stilul pentru input-uri care nu pot fi modificate
pseudoclasa :required,
care definește stilul pentru input-uri care au atributul required setat
pseudoclasa :focus-within,
care definește stilul elementelor în focus
proprietatea caret-color,
care definește culoarea cursorului text în input