| Version |
|---|
| CSS3 |
| 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
Add a note
To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.