:indeterminate CSS
Псевдо-класс :indeterminate
представляет любой элемент формы, состояние которого неопределенно.
- Наследуется:
- Нет
- Анимируется:
- Нет
- Спецификации:
Синтаксис
/* Selects any <input> whose state is indeterminate */
input:indeterminate {
background: lime;
}
Значения
Элементы, предназначенные для этого селектора:
-
<input type = "checkbox">
элементы, неопределенное свойство которых установлено в JavaScript -
<input type = "radio">
, когда все переключатели с одинаковым именем в форме не отмечены -
<progress>
в неопределенном состоянии
Примеры
HTML
<div>
<input type="checkbox" id="checkbox">
<label for="checkbox">This label starts out lime.</label>
</div>
<div>
<input type="radio" id="radio">
<label for="radio">This label starts out lime.</label>
</div>
CSS
input:indeterminate + label {
background: lime;
}
JavaScript
var inputs = document.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++) {
inputs[i].indeterminate = true;
}
Результат