Как CSS :checked селектор работает с разными типами элементов формы?

Селектор :checked в CSS работает с элементами формы, которые находятся в состоянии выбора или отметки. www.sitepoint.com blog.dreaper.ru

Обычно его используют для таких элементов, как чекбоксы (input type=”checkbox”) и радиокнопки (input type=”radio”). www.sitepoint.com www.scaler.com

Принцип работы: когда пользователь выбирает один из этих элементов, псевдокласс :checked становится активным и применяет к нему указанные стили CSS. www.sitepoint.com Это может использоваться, например, для выделения выбранного варианта, показа или скрытия контента, изменения всей макеты веб-страницы. www.sitepoint.com

Кроме того, селектор :checked может применяться и к другим элементам формы, таким как опции (option) в выпадающих списках (select). www.book2s.com www.scaler.com