Псевдокласс :checked

Комментарии

Псевдокласс :checked определяет, помечен флажок (<input type="checkbox">), переключатель (<input type="radio">) или пункт списка (<option>), соответственно, применяет стиль только к помеченному элементу формы. С помощью :checked можно стилизовать поля формы, создавать вкладки, меню, галерею изображений и др.

Указанные элементы интерфейса делаются с помощью <input type="checkbox">, при этом мы скрываем оригинальный флажок, сохраняя его функционал. Поведение флажка передаётся другому элементу веб-страницы, вид которого мы определяем с помощью стилей.

Влад Мержевич

Влад Мержевич

Веб-разработчик, автор нескольких книг, посвящённых созданию сайтов, HTML и CSS. Кандидат технических наук.

Автор и редакторы

Автор: Влад Мержевич
Последнее изменение: 24.05.2018
Редакторы: Влад Мержевич