Псевдокласс :indeterminate
Обновлено: 11.01.2023
Псевдокласс :indeterminate
Псевдокласс :indeterminate задаёт стиль для переключателей, когда они находятся в неопределённом состоянии. К примеру, если ни один переключатель не помечен, то они находятся в указанном состоянии. В реальности, стиль применяется только к элементам, у которых DOM-атрибут :indeterminate через JavaScript установлен в значение true. Также этот псевдокласс используется некоторыми браузерами для элемента <progress>.
Синтаксис
<i>Селектор</i>:indeterminate { ... }Пример
<!DOCTYPE html>
<head>
<metacharset="utf-8">
<title>indeterminate</title>
<style>
:indeterminate, :indeterminate + span { background: limegreen; }
input, span { background: red; }
</style>
</head>
<body>
<form>
<p><input type="checkbox"> <span>This text will turn green if the checkbox
is in an indeterminate state.</span></p>
</form>
<script>
document.getElementsByTagName("input")[0].indeterminate = true;
</script>
</body>
</html>В данном примере с помощью JavaScript первый элемент формы переводится в неопределённое состояние и к нему применяются стили. Результат примера показан на рис. 1.