如何将样式应用于文本并且没有“大小”属性的所有输入？

Question

我有这样的风格：

input[type=text], textarea { 
    width: 98%; 
    border: 1px #999 solid; 
} 

它适用宽度所有的输入是文字，但我怎么能排除具有属性的大小的呢？我试过input[type=text],input[size!=2], textarea但它不起作用。

谢谢！

Answer 1

如果你问一个CSS3解决方案，您可以使用:not伪类

input[type=text]:not([size]), textarea { 
    width: 98%; 
    border: 1px #999 solid; 
} 

Codepen例子：http://codepen.io/anon/pen/KFped/

---

，如果你想转而支持旧的浏览器（如IE8）只是应用样式为

input[type=text], textarea { 
    width: 98%; 
    border: 1px #999 solid; 
} 

，从而恢复了风格

input[type=text][size] { 
    /* revert properties */ 
}