CSS : отмеченный селектор
Пример
Установите высоту и ширину для всех проверенных элементов <input>:
input:checked {
height: 50px;
width: 50px;
}
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Селектор :checked
соответствует каждому проверенному элементу <input> (только для переключателей и флажков) и элементу <option>.
Версия: | CSS3 |
---|
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает селектор.
Selector | |||||
---|---|---|---|---|---|
:checked | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
Синтаксис CSS
:checked {
css declarations;
}
Дополнительные примеры
Пример
Установите высоту и ширину для всех проверенных элементов <option>:
option:checked {
height: 100px;
width: 100px;
}
Связанные страницы
Справочник по селекторам CSS: селектор CSS :disabled
Справочник по селекторам CSS: CSS: включенный селектор