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