Псевдокласс :checked
Псевдокласс :checked отвечает за отмеченное (выбранное) состояние radio (input с типом radio), checkbox (input с типом checkbox) или option внутри select, и позволяет задать стили данным элементам
/* любой отмеченный или выбранный элемент (radio, checkbox, option) */
:checked {
...
}
/* конкретный отмеченный или выбранный элемент */
element:checked {
...
}
Пошаговый план! Как быстро научиться создавать сайты!
- поддерживается начиная с
- частичная поддержка до
- не поддерживается
Примеры
Стилизация label используя псевдокласс :checked
В данном примере разберем стилизацию label, который связан с input[type=radio]. Для этого будем использовать псевдокласс :checked и следующий селектор (+) после input.