輸入和文本字段中的背景顏色？

Question

我想更改表格的文本和輸入字段中的顏色背景，但是當我這樣做時，它也會影響提交按鈕！它能以其他方式完成，而不會影響按鈕？我已經使用這個代碼：

input, textarea { 
    background-color : #d1d1d1; 
} 

Answer 1

input[type="text"], textarea { 

    background-color : #d1d1d1; 

} 

希望幫助:)

編輯：工作示例，http://jsfiddle.net/C5WxK/

Answer 2

你要限制那些類型的文字，以便輸入字段使用選擇器input[type=text]而不是input（它將應用於所有輸入字段（例如提交類型的那些字段））。

Answer 3

最好的解決方案是CSS中的屬性選擇器（input[type="text"]），正如其他人所建議的那樣。

但是，如果您必須支持IE6，則無法使用它（QuirksMode）。那麼，只有當你必須也願意支持它。

在這種情況下，您唯一的選擇似乎是在輸入元素上定義類。

<input type="text" class="input-box" ... /> 
<input type="submit" class="button" ... /> 
... 

，並用類選擇瞄準他們：

input.input-box, textarea { background: cyan; }