checked选择器如何使用

这篇文章主要介绍checked选择器如何使用，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

十余年专业的建站公司历程，坚持以创新为先导的网站服务，服务超过上千企业及个人，涉及网站设计、成都APP应用开发、微信开发、平面设计、互联网整合营销等多个领域。在不同行业和领域给人们的工作和生活带来美好变化。

checked选择器是什么？

在表单元素中，单选按钮radio和复选框checkbox都具有“选中”和“未选中”状态。在CSS3中，我们可以通过使用：checked选择器来定义选中时的CSS样式。

暂时只有Opera浏览器支持：checked选择器。

举例：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>CSS3 :checked选择器</title>
    <style type="text/css">
        input:checked
        {
            background-color:red;
        }
    </style>
</head>
<body>
    <form name="form1" method="post" action="index.html">
        性别：
        <input type="radio" name="Question1" value="boy" checked="checked"/>男
        <input type="radio" name="Question1" value="girl"/>女<br/>
        你喜欢的水果：<br />
        <input id="checkbox1" type="checkbox" checked="checked"/><label for="checkbox1">苹果</label><br/>
        <input id="checkbox2" type="checkbox" /><label for="checkbox2">香蕉</label><br/>
        <input id="checkbox3" type="checkbox" /><label for="checkbox3">西瓜</label><br/>
        <input id="checkbox4" type="checkbox" /><label for="checkbox4">凤梨</label>
    </form>
</body>
</html>

效果如下：

checked选择器如何使用

暂时只有opera浏览器支持:checked选择器。

以上是checked选择器如何使用的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

网站栏目：checked选择器如何使用
网页地址：https://www.cdcxhl.com/article42/gehghc.html

成都网站建设公司_创新互联，为您提供微信小程序、静态网站、网站维护、微信公众号、手机网站建设、

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容