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

Псевдокласс :checked отвечает за отмеченное (выбранное) состояние radio (input с типом radio), checkbox (input с типом checkbox) или option внутри select, и позволяет задать стили данным элементам

/* любой отмеченный или выбранный элемент (radio, checkbox, option) */
:checked {
    ...
}

/* конкретный отмеченный или выбранный элемент */
element:checked {
    ...
}
  • поддерживается начиная с
  • частичная поддержка до
  • не поддерживается

Примеры

Стилизация label используя псевдокласс :checked

В данном примере разберем стилизацию label, который связан с input[type=radio]. Для этого будем использовать псевдокласс :checked и следующий селектор (+) после input.

Читайте также

Обсуждение (0)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии