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;
}
自己动手试一试 »