CSS :checked Selector

Set the height and width for all checked <input> elements:

input:checked {
height: 50px;
width: 50px;
}

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

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

:checked {
css declarations;
} Demo

Set the height and width for all checked <option> elements:

option:checked {
height: 100px;
width: 100px;
}

CSS Selector Reference: CSS :disabled selector

CSS Selector Reference: CSS :enabled selector