CSS3 :checked 选择器

CSS完整选择器完整CSS选择器参考手册

为所有选中的输入元素设置背景颜色：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <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>

尝试一下 »

定义和用法

:checked 选择器匹配每个选中的输入元素（仅适用于单选按钮或复选框）。

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

选择器
:checked 4.0 9.0 3.5 3.2 9.6

CSS完整选择器完整CSS选择器参考手册