码云 CSS3 :checked 选择器
AI 概述
定义和用法浏览器支持实例
定义和用法
:checked 选择器匹配每个选中的输入元素（仅适用于单选按钮或复选框）。
浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
选择器
:checked
4.0
9.0
3.5
3.2
9.6
实例
为所有选中的输入元素设置背景颜色：
<style>
input:check...
目录
定义和用法
:checked 选择器匹配每个选中的输入元素（仅适用于单选按钮或复选框）。
浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
| 选择器 |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| :checked | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
实例
为所有选中的输入元素设置背景颜色：
<style>
input:checked {
height: 50px;
width: 50px;
}
</style>
<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>
效果如下：
以上关于CSS3 :checked 选择器的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。
微信
支付宝声明：本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符，请将相关资料发送至 admin@mybj123.com 进行投诉反馈，一经查实，立即处理！
重要：如软件存在付费、会员、充值等，均属软件开发者或所属公司行为，与本站无关，网友需自行判断
码云笔记 » CSS3 :checked 选择器
如若内容造成侵权/违法违规/事实不符，请将相关资料发送至 admin@mybj123.com 进行投诉反馈，一经查实，立即处理！
重要：如软件存在付费、会员、充值等，均属软件开发者或所属公司行为，与本站无关，网友需自行判断
码云笔记 » CSS3 :checked 选择器
