Псевдоклас indeterminate

Псевдоклас indeterminate задава стил за превключватели, които са в неопределено състояние, т.е. не са отбелязани с отметка.

Синтаксис

селектор:indeterminate {
	
}

Нека преборираме шрифта на текста в зелен цвят, когато превключвателят е в неопределено състояние:

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

псевдоклас :default,
който задава стил на елементите по подразбиране
псевдоклас :optional,
който задава стил на инпут, който няма атрибут required
псевдоклас :placeholder-shown,
който задава стил на елементи при показване на текст-подсказка
псевдоклас :read-only,
който задава стил на инпути, недостъпни за промяна
псевдоклас :required,
който задава стил на инпут, на който е зададен атрибут required
псевдоклас :focus-within,
който задава стил на елементи във фокус
свойство caret-color,
което задава цвят на текстов курсор в инпут