| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 9.0 + | 1.0 + | 9.0 + | 3.1 + | 1.0 + | 1.0 + | 2.0 + |
Коротка інформація
| Застосовується | <input type="checkbox"> , <input type="radio"> |
|---|---|
| Посилання на специфікацію | http://www.w3.org/TR/css3-selectors/#checked |
Версії CSS
| CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
|---|---|---|---|
Опис
Псевдоклас :checked застосовується до елементів інтерфейсу, таким як перемикачі (checkbox) і прапорці (radio), коли вони знаходяться в положення « включено ». Перемикання елементів в такий стан відбувається за допомогою атрибута checked тега <input> або користувачем.
Синтаксис
елемент :checked {...}
Значення
Ні.
Приклад
HTML5 CSS3 IE Cr Op Sa Fx
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>
checked </title>
<style>
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>
В даному прикладі текст біля зазначених прапорців виділяється фоновим кольором. Результат прикладу показаний на рис. 1.
