html - 如何将样式应用于所有文本输入且不具有 "size"属性？

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