CSS selector input:checked
Обирає елемент введення що в даний момент є обраним (тільки для елемнтів типу radio та checkbox та для елементів <option>).
Елемент буде обраним, якщо встановити атрибут checked, або користувач самостійно поставить галочку чи вибере щось із списку <option>.
Синтаксис
:checked {
css declarations;
}Переглядачі
| Переглядач |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| checked | 4 | 3.5 | 3.2 | 9.6 | 9 |
Мобільних переглядачів ще не додано.
Приклади
+ запропонувати свій приклад у пісочниці
Розмір задано лише позначеним прапорцям — клацай, і розмір змінюється разом зі станом :checked.
HTML
<label><input type="checkbox" checked> позначений — великий</label>
<label><input type="checkbox"> непозначений — звичайний</label>
<p><em>Клацай прапорці — стиль іде за станом.</em></p>CSS
input:checked {
height: 50px;
width: 50px;
}Коментарі
Коментарів ще немає — будьте першим!