DMOZ中文网站分类目录-免费收录各类优秀网站的中文网站目录.
  • DmozDir.org
DMOZ目录快速登录入口-免费收录各类优秀网站的中文网站目录.由人工编辑,并提供网站分类目录检索及地区分类目录检索,是站长免费推广网站的有力平台!

ie不支持css :checked吗?

  • ie不支持css :checked吗?

  • 已被浏览: 92 次2020年09月03日    来源:  https://www.dmozdir.org/
  • :checked是一个CSS3新增的伪类选择器,6.0-8.0版本的ie浏览器不支持,而ie9.0浏览器支持。:checked伪类是CSS3引入的一个很棒的状态选择器,用来表示选择框(radio box、check box或options)

    ie不支持css :checked吗?

    :checked是一个CSS3新增的伪类选择器,6.0-8.0版本的ie浏览器不支持,而ie9.0浏览器支持。

    css :checked选择器

    :checked选择器用于匹配每个选中的输入元素(仅适用于单选按钮或复选框)。

    :checked伪类是CSS3引入的一个很棒的状态选择器,用来表示选择框(radio box、check box或options)的选中状态。

    浏览器支持

    1.jpg

    示例:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8" />
    <title>CSS 用户界面(UI)元素状态伪类选择符 checked选择器</title>
    <style>
    input:checked+span{background:#f00;}
    input:checked+span:after{content:" 我被选中了";}
    </style>
    </head>
    <body>
    <form method="post" action="#">
    <fieldset>
    <legend>选中下面的项试试</legend>
    <ul>
    <li><label><input type="radio" name="colour-group" value="0" /><span>蓝色</span></label></li>
    <li><label><input type="radio" name="colour-group" value="1" /><span>红色</span></label></li>
    <li><label><input type="radio" name="colour-group" value="2" /><span>黑色</span></label></li>
    </ul>
    </fieldset>
    <fieldset>
    <legend>选中下面的项试试</legend>
    <ul>
    <li><label><input type="checkbox" name="colour-group2" value="0" /><span>蓝色</span></label></li>
    <li><label><input type="checkbox" name="colour-group2" value="1" /><span>红色</span></label></li>
    <li><label><input type="checkbox" name="colour-group2" value="2" /><span>黑色</span></label></li>
    </ul>
    </fieldset>
    </form>
    </body>

    说明:

    和:checked类似的和UI界面组件状态有关的动态选择器还有:enabled和:disabled,较少使用,这里不做更多介绍。

    上面都是和元素状态相关的伪类(Dynamic pseudo-classes),除此之外,我们经常使用的还有结构化伪类(Structural pseudo-classes),如:first-child等。

    更多web开发知识,请查阅 DMOZ中文网站分类目录 !!

    以上就是ie不支持css :checked吗?的详细内容,更多请关注DMOZ中文网站分类目录其它相关文章!


    以上信息来源于网络,如有侵权,请联系站长删除。

    TAG:ie CSS

  • 上一篇:使用vue需要安装什么?
  • 与“ie不支持css :checked吗?”相关的资讯
  • CSS ::marker 让文字序号更有意思
  • CSS 奇思妙想 | Single Div 绘图技巧
  • CSS(1)基础语法、常见属性
  • 使用 CSS prefers-* 规范,提升网站的可访问性与健壮性
  • 一种巧妙的使用 CSS 制作波浪效果的思路