CSS :checked Selector
Example
Set the height and width for all checked <input> elements:
input:checked {
height: 50px;
width: 50px;
}
Try it Yourself »
More "Try it Yourself" examples below.
Definition and Usage
The :checked selector matches every checked <input> element (only for radio buttons and checkboxes) and <option> element.
| Version: | CSS3 |
|---|
Browser Support
The numbers in the table specifies the first browser version that fully supports the selector.
| Selector | |||||
|---|---|---|---|---|---|
| :checked | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
CSS Syntax
More Examples
Example
Set the height and width for all checked <option> elements:
option:checked {
height: 100px;
width: 100px;
}
Try it Yourself »
Related Pages
CSS Selector Reference: CSS :disabled selector
CSS Selector Reference: CSS :enabled selector
