| Version |
|---|
| CSS3 |
| IE7 | FF1+ | SA3+ | OP9.2+ |
|---|---|---|---|
| None | 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 | |||||||
|---|---|---|---|---|---|---|---|---|---|---|
| 5.5 | 6.0 | 7.0 | 1.0 | 1.5 | 2.0 | 1.3 | 2.0 | 3.0 | 9.2 | 9.5 |
| None | None | None | Full | Full | Full | None | None | Full | Full | Full |
This pseudo-class is currently only supported in Safari 3, Firefox 1.0 and up, and Opera 9.2 and up.
User-contributed notes
There are no comments yet.
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.