Серверное время 2018-01-21 19:49:58
Приветствую вас, Гость
Понравился сайт - нажми CTRL+D и добавь в закладки..
Свойства CSS
CSS по категориям
Статистика
Яндекс.Метрика
Реклама
Реклама

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

Браузер
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+
Применяется <input type="checkbox">, <input type="radio">
Ссылка на спецификацию открыть в новой вкладке
Описание
Псевдокласс :checked применяется к элементам интерфейса, таким как переключатели (checkbox) и флажки (radio), когда они находятся в положение «включено». Переключение элементов в такое состояние происходит с помощью атрибута checked тега <input> или пользователем.
Синтаксис
элемент:checked { ... }
Аргументы
Нет.
Пример

<!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>checked</title>
<style type="text/css">
input:checked + span {
background: #fc0;
}
</style>
</head>
<body>
 <p><strong>С какими операционными системамы вы знакомы?</strong></p>
 <p><input type="checkbox" name="a1" /><span>Windows 7</span><br />
 <input type="checkbox" name="a2" /><span>Windows Vista</span><br />
 <input type="checkbox" name="a3" /><span>Windows XP</span><br />
 <input type="checkbox" name="a4" /><span>System X</span><br />
 <input type="checkbox" name="a5" /><span>Linux</span><br />
 <input type="checkbox" name="a6" /><span>Mac OS</span></p>
 <p><input type="submit" value="Отправить" /></p>
</body>
</html>

Демонстрация примера
В данном примере текст возле отмеченных флажков выделяется фоновым цветом.
Первоисточник - htmlbook.ru Автор - Влад Мержевич
Комментариев (0)
Имя
Email
Осталось 65535 символов
© 2006-2012, Home-test.biz