ie不支持css :checked吗？
:checked是一个CSS3新增的伪类选择器，6.0-8.0版本的ie浏览器不支持，而ie9.0浏览器支持。
css :checked选择器
:checked选择器用于匹配每个选中的输入元素（仅适用于单选按钮或复选框）。
:checked伪类是CSS3引入的一个很棒的状态选择器，用来表示选择框（radio box、check box或options）的选中状态。
浏览器支持
示例：
<!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开发知识，请查阅 HTML中文网 ！！
以上就是ie不支持css :checked吗？的详细内容，更多请关注易知道|edz.cc其它相关文章！
