我在这个问题上得到了一些相互矛盾的答案,所以我希望有人提供一些澄清。
基本上根据一些网站,Chrome和FF完全支持 :checked :
- http://reference.sitepoint.com/css/pseudoclass-checked
- http://css3test.com/
- http://tools.css3.info/selectors-test/test.html
但是,如果您深入到最后一个站点上的测试,您会注意到,第一个测试在 Chrome (v24) 和 FF (v18) 上失败,但在 IE10 上成功
此简约示例重现了该问题:
<!DOCTYPE html">
<html>
<head>
<style>
:checked { background-color: royalblue;}
</style>
</head>
<body>
<input type="radio" checked />
<input type="radio"/>
<input type="checkbox" checked />
<input type="checkbox" />
</body>
</html>
Chrome 和 Firefox 是否支持 :checked 伪类(也许那些只是不允许对这些元素进行样式设置)?
我不是网页设计师,所以也许我错过了一些简单的东西。