:checked Pseudo-class (CSS selector)

Spec
Version
CSS3
Browser support (more…)
IE8 FF1+ SA3.1+ OP9.2+ CH2+
None Full Full Full Full

Syntax

:checked {
declaration block
}

Description

This pseudo-class matches elements like checkboxes or radio buttons that are checked or toggled to the “on” state. In HTML, this state corresponds to the selected and checked attributes.

Example

The following rule will apply to the element that has an id of "confirm" (for example, a checkbox) when that element has been checked:

#confirm:checked {
  ⋮ declarations
}

Compatibility

Internet Explorer Firefox Safari Opera Chrome
5.5 6.0 7.0 8.0 1.0 1.5 2.0 3.0 3.5 1.3 2.0 3.1 4.0 9.2 9.5 10.0 2.0
None None None None Full Full Full Full Full None None Full Full Full Full Full Full

This pseudo-class is currently not supported in Internet Explorer.

User-contributed notes

Related Products