Русский
Русский
English
Свойства CSS
Статистика
Реклама

Псевдокласс :indeterminate

Браузер
Internet Explorer
Chrome
Opera
Safari
Firefox
Версия
6.0
7.0
8.0
9.0
2.0
3.0
4.0
5.0
9.2
9.6
10
2.0
3.1
4.0
5.0
2.0
3.0
3.6
4.0
Поддержка
Не поддерживается
Не поддерживается
Не поддерживается
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Не поддерживается
Не поддерживается
Не поддерживается
Не поддерживается
Полная поддержка
Полная поддержка
Полная поддержка
Не поддерживается
Не поддерживается
Полная поддержка
Полная поддержка
Краткая информация
CSS CSS3+
Значение по умолчанию Нет
Ссылка на спецификацию открыть в новой вкладке
Описание
Псевдокласс :indeterminate задает стиль для элементов форм, таким как флажки и переключатели, когда они находятся в неопределенном состоянии. К примеру, если из группы флажков ни один не помечен, то флажки находятся в указанном состоянии. В реальности, стиль применяется только к элементам, у которых DOM-атрибут :indeterminate через JavaScript установлен в значение true.
Синтаксис
элемент:indeterminate { ... }
Аргументы
Нет.
Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>indeterminate</title>
<style type="text/css">
 :indeterminate, :indeterminate + span { background: limegreen; }
 input, span { background: red; }
</style>
</head>
<body>
 <form action="handler">
  <p><input type="checkbox"> <span>Этот текст станет зеленым, если чекбокс находится в неопределенном состоянии.</span></p>
 </form>
 <script type="text/javascript">
  document.getElementsByTagName("input")[0].indeterminate = true;
 </script>
</body>
</html>

Демонстрация примера
В данном примере с помощью JavaScript первый элемент формы переводится в неопределенное состояние и к нему применяются стили.
Первоисточник - htmlbook.ru Автор - Влад Мержевич
Комментариев (-)
Имя
Электронная почта

Последние комментарии

© 2006-2024, heroes-3.ru