CSS Reference Manual

CSS @rules (RULES)

Complete List of CSS Properties

CSS Functions (Functions)Comprehensive Manual of CSS Selectors

CSS3 :checked Selector

:checked CSS pseudo-class selector represents any option HTML element ("option") within any radio ( <input type="radio">), checkbox ( <input type="checkbox">) or ("select") element that is in a selected state.

Complete CSS Selector Reference Manual

Online Example

Set the background color for all selected input elements:

Example

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>Basic Tutorial(oldtoolbag.com)</title>　
<style>　
input:checked {
　　　　height:　55px;
　　　　width:　55px;
}
</style>
</head>
<body>
<form action="">
<input type="radio" checked="checked" value="male" name="gender">　/> Male<br>
<input type="radio" value="female" name="gender">　/> Female<br>
<input type="checkbox" checked="checked" value="Bike">　/> Bike<br>
<input type="checkbox" value="Car">　/> Car
</form>
</body>
</html>

Test to see ‹/›

Definition and Usage

:checked selector matches each selected input element (only applies to radio buttons or checkboxes).

Browser Compatibility

The numbers in the table indicate the first browser version that supports this attribute.

Selector
:checked	4.0	9.0	3.5	3.2	9.6

Complete CSS Selector Reference Manual

CSS Functions (Functions)Comprehensive Manual of CSS Selectors