<input type ="？"的CSS选择器

Question

有没有办法用CSS根据类型定位所有输入？我有一个禁用的类我在各种禁用的表单元素上使用,我正在设置文本框的背景颜色,但我不希望我的复选框获得该颜色.

我知道我可以用单独的类来完成这个,但是如果可能的话我宁愿使用CSS.我敢肯定,我可以在javascript中设置它,但再次寻找CSS.

我的目标是IE7 +.所以我认为我不能使用CSS3.

编辑

使用CSS3,我可以做类似的事情吗？

INPUT[type='text']:disabled 那会更好地完全摆脱我的班级......

编辑

好的,谢谢你的帮助!所以这里是一个选择器,修改所有已禁用的文本框和区域,而不需要设置任何类,当我开始这个问题时,我从未想过这是可能的......

INPUT[disabled][type='text'], TEXTAREA[disabled]
{   
    background-color: Silver;
}

这适用于IE7

Answer 1

是.IE7 +支持属性选择器:

input[type=radio]
input[type^=ra]
input[type*=d]
input[type$=io]

具有属性类型的元素输入,其包含等于,开始于,包含或以特定值结束的值.

其他安全(IE7 +)选择器是:

• 父母>孩子有: p > span { font-weight: bold; }
• 前面是〜元素,它是: span ~ span { color: blue; }

哪个<p><span/><span/></p>会有效地给你:

<p>
    <span style="font-weight: bold;">
    <span style="font-weight: bold; color: blue;">
</p>

进一步阅读: quirksmode.com上的浏览器CSS兼容性

我很惊讶其他人都认为无法做到.CSS属性选择器已经存在了一段时间.我想是时候清理我们的.css文件了.