如何將樣式應用於文本並且沒有「大小」屬性的所有輸入？

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