CSS3 :checkedСелекторы

Полное справочное руководство по селекторам CSS

Пример

Задайте высоту и ширину для всех выбранных элементов input:

input:checked { height: 50px; width: 50px; }

Попробуйте сами »

Определение и использование

Селектор :checked соответствует каждому выбранному элементу input (применяется только к радиокнопкам или флажкам).

:checked — это селектор псевдокласса в CSS3, используемый для выбора флажков или радиокнопок, которые отмечены в элементах формы. Когда пользователь щёлкает по флажку или радиокнопке и она становится отмеченной, селектор :checked вступает в силу. Это позволяет изменять стили элементов или выполнять другие операции, когда пользователь выбирает параметр.

Например, вы можете использовать селектор :checked, чтобы изменить стиль выбранных флажков или радиокнопок или связать их с другими элементами. Это очень полезно для создания интерактивных форм или настройки внешнего вида флажков и радиокнопок.

Поддержка браузеров

Числа в таблице показывают первую версию браузера, которая полностью поддерживает это свойство.

Селекторы
:checked 4.0 9.0 3.5 3.2 9.6

Полное справочное руководство по селекторам CSS

Другие расширения