CSS :checked Selector

.example:checked {
  height: 25px;
  width: 25px;
}

Meaning

The :checked selector selects the elements that are checked.

Related Elements

• radio <input type="radio">
• checkbox <input type="checkbox">
• option <option> in a <select>

Note: Because browsers often treat <option>s as replaced elements, the extent to which they can be styled with the :checked pseudo-class varies from browser to browser.

Version: CSS3

Standard Syntax

:checked {
  css declarations;
}

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Status