:indeterminate CSS

Псевдо-класс :indeterminate представляет любой элемент формы, состояние которого неопределенно.

Псевдо-класс **`:indeterminate`** представляет любой элемент формы, состояние которого неопределенно.
Наследуется:
Нет
Анимируется:
Нет
Спецификации:
Спецификации:
* [HTML Living Standard](https://html.spec.whatwg.org/multipage/#selector-indeterminate) * [HTML5](http://www.w3.org/TR/html5/#selector-indeterminate) * [Selectors Level 4](https://drafts.csswg.org/selectors-4/#indeterminate) * [CSS Basic User Interface Module Level 3](https://drafts.csswg.org/css-ui-3/#indeterminate)

Синтаксис

/* Selects any <input> whose state is indeterminate */
input:indeterminate {
  background: lime;
}

Синтаксис

/* Selects any <input> whose state is indeterminate */ input:indeterminate { background: lime; }

Значения

Элементы, предназначенные для этого селектора:

  • <input type = "checkbox"> элементы, неопределенное свойство которых установлено в JavaScript
  • <input type = "radio">, когда все переключатели с одинаковым именем в форме не отмечены
  • <progress> в неопределенном состоянии

Значения

Элементы, предназначенные для этого селектора: * [`<input type = "checkbox">`](/html/input/) элементы, неопределенное свойство которых установлено в JavaScript * [`<input type = "radio">`](/html/input/), когда все переключатели с одинаковым именем в форме не отмечены * [`<progress>`](/html/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;
}

Результат

Пример работы псевдо-класса :indeterminate
Пример работы псевдо-класса :indeterminate

Примеры

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; } Результат ![Пример работы псевдо-класса :indeterminate](/workspace/uploads/css/indeterminate.png)

Содержание

  • Синтаксис
      /* Selects any <input> whose state is indeterminate */ input:indeterminate { background: lime; }
  • Значения
    • Примеры
        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; } Результат ![Пример работы псевдо-класса :indeterminate](/workspace/uploads/css/indeterminate.png)

    В начало