IE7不识别原生[checked]CSS属性选择器实例页面

回到相关文章 »

代码:

CSS代码:
[checked] { color: #cd0000; }
.radio1[checked] + span { color: #cd0000; }
.radio2[defaultChecked] + span { color: #cd0000; }
                
HTML代码:
<p><strong>span元素[checked]属性选择器</strong></p>
<span checked>颜色是红色则支持</span>

<p><strong>radio单选元素[checked]属性选择器</strong></p>
<input type="radio" class="radio1" checked><span>颜色是红色则支持</span>

<p><strong>radio单选元素[defaultChecked]属性选择器</strong></p>
<input type="radio" class="radio2" checked><span>颜色是红色则支持</span>
                

效果:

span元素[checked]属性选择器

颜色是红色则支持

radio单选元素[checked]属性选择器

颜色是红色则支持

radio单选元素[defaultChecked]属性选择器

颜色是红色则支持