:checked Pseudo-class (CSS selector)
| IE7 | FF1+ | Saf3+ | Op9.2+ |
|---|---|---|---|
| None | Full | Full | Full |
| Version |
|---|
| CSS3 |
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
}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.
Compatibility
| IE | 5.5 | None |
|---|---|---|
| 6.0 | None | |
| 7.0 | None | |
| Firefox | 1.0 | Full |
| 1.5 | Full | |
| 2.0 | Full | |
| Safari | 1.3 | None |
| 2.0 | None | |
| 3.0 | Full | |
| Opera | 9.2 | Full |
| 9.5 | 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.
