如何将样式应用于所有文本输入，并且没有＆＃34; size＆＃34;属性？

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 */
}