Skip to: content, navigation

by Tommy Olsson and Paul O’Brien

:checked Pseudo-class (CSS selector)

Browser support full matrix
IE7 FF1+ Saf3+ Op9.2+
None Full Full Full
Spec
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
}

Try it yourself!View all demos

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

IE5.5None
6.0None
7.0None
Firefox1.0Full
1.5Full
2.0Full
Safari1.3None
2.0None
3.0Full
Opera9.2Full
9.5Full

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.

Related Products

The Principles of Beautiful Web Design

Best Seller!

You don’t need to go to Art School to design great looking web sites!

Book Cover: The Principles of Beautiful Web Design

Download the FREE sample chapters