Псевдокласс 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,
которое задает цвет текстовому курсору в инпуте