:checked 选择器 · CSS基础

## :checked 选择器 ### 定义和用法 :checked 选择器匹配每个选中的输入元素（仅适用于单选按钮或复选框）。您可以组合:checked 与:not 选择器以选择未选中的元素。 ## 实例--为所有选中的输入元素设置背景颜色： ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>W3Cschool教程(w3cschool.cn)</title> <style> input:checked { background:#ff0000; } </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" /> I have a bike<br> <input type="checkbox" value="Car" /> I have a car </form> </body> </html> ```