CSS3 :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

:checked {
    css declarations;
} Demo


Examples

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



Color Picker

colorpicker