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 语法
更多示例
示例
为单选按钮、复选框和选项在选中时设置不同的样式
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;
}
亲自试一试 »
