返回 CSS 选择器

CSS :checked 选择器

实例

为所有被选中的 input 元素设置背景色：

<!DOCTYPE html>
<html>
<head>
<style>
input:checked {
  height: 50px;
  width: 50px;
}
</style>
</head>
<body>
<form action="">
  <input type="radio" checked="checked" value="male" name="gender"> 男<br>
  <input type="radio" value="female" name="gender"> 女<br>
  <input type="checkbox" checked="checked" value="Bike"> 我有一辆自行车<br>
  <input type="checkbox" value="Car"> 我有一辆汽车
</form>
</body>
</html>

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

选择器
:checked	4.0	9.0	3.5	3.2	9.6

定义和用法

:checked 选择器匹配每个已被选中的 input 元素（只用于单选按钮和复选框）。

更多实例

<!DOCTYPE html>
<html>
<head>
<style>
option:checked {
  height: 100px;
  width: 100px;
}
</style>
</head>
<body>
<select>
  <option value="benz">奔驰</option>
  <option value="bmw">宝马</option>
  <option value="porsche">保时捷</option>
</select>
</body>
</html>

相关页面

CSS 教程：CSS disabled 选择器

CSS 教程：CSS enabled 选择器

分类导航