The :checked CSS pseudo-class selector represents any radio (<input type="radio">), checkbox (<input type="checkbox">) or option (<option> in a <select>) element that is checked or toggled to an on state. The user can change this state by clicking on the element, or selecting a different value, in which case the :checked pseudo-class no longer applies to this element, but will to the relevant one.

:checked {
    css declarations;
}
input:checked {
   width:2em;height:2em;
}

Click the button below to experiment with this selector.

Give it a Try!

3.5Firefox 9.0Explorer 4.0Chrome 3.2Safari 9.6Opera