| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 9.0 + | 1.0 + | 10.60 + | 3.1 + | 3.6 + | 2.1 + | 2.0 + |
Коротка інформація
| Значення за умовчанням | Ні |
|---|---|
| Посилання на специфікацію | http://www.w3.org/TR/css3-selectors/#Indeterminate |
Версії CSS
| CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
|---|---|---|---|
Опис
Псевдоклас : indeterminate задає стиль для елементів форм, таким як прапорці і перемикачі, коли вони знаходяться в невизначеному стані. Наприклад, якщо з групи прапорців жоден з них не позначений, то прапорці знаходяться в зазначеному стані. У реальності, стиль застосовується тільки до елементів, у яких DOM-атрибут : indeterminate через JavaScript встановлений в значення true.
Синтаксис
елемент: indeterminate {...}
Значення
Ні.
Приклад
HTML5 CSS3 IE Cr Op Sa Fx
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>
indeterminate </title>
<style>
: Indeterminate,: indeterminate + span {background: limegreen; } Input, span {background: red; } </style>
</head>
<body>
<form>
<p>
<input type="checkbox">
<span>
Цей текст стане зеленим, якщо чекбокс знаходиться в невизначеному стані. </span>
</p>
</form>
<script>
document.getElementsByTagName (" input") [0] .indeterminate=true; </script>
</body>
</html>
В даному прикладі за допомогою JavaScript перший елемент форми переводиться в невизначений стан і до нього застосовуються стилі. Результат прикладу показаний на рис. 1.
