CSS :checked 伪类
更多“自己尝试”的例子见下文。
定义和用法
:checked 伪类匹配任何已选中的<input> 或<option> 元素。
这适用于<input type="radio">,<input type="checkbox"> 和<select> 元素中的<option>。
| 版本 | CSS3 |
|---|
浏览器支持
表中数字表示该伪类完全支持的第一个浏览器版本。
| 伪类 | |||||
|---|---|---|---|---|---|
| :checked | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
CSS 语法
:checked {
CSS 声明;
}
更多实例
实例
为选中的单选按钮、复选框和选项设置不同的样式
input[type="radio"]:checked {
box-shadow: 0 0 5px 3px blue;
}
input[type="checkbox"]:checked {
box-shadow: 0 0 5px 3px maroon;
}
option:checked {
color: blue;
background-color: pink;
}亲自试一试 »