Search within TutorialsPark

CSS Pseudo Class Selector :checked


To match a form elements that has been checked or selected


Definition and Notes.

1. The CSS :checked selector is used to style form elements like checkboxes and checked radio buttons that has been checked or selected

2. There is very little scope of styling the checkboxes, hence its mostly used with sibling selectors to style adjacent texts or labels. .

Syntax:

CSS :checked selector. internetexplorer safari firefox opera chrome

View in Splitscreen»

Code-Editor:

Note:You can use it with :not pseudo class to style unchecked inputs.

Related Examples.