输入和文本字段中的背景颜色？

Question

我想更改表单的文本和输入字段中的颜色背景，但是当我这样做时，它也会影响提交按钮！是否可以通过其他方式完成，不影响按钮？我使用过这段代码：

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

Answer 1

input[type="text"], textarea {

  background-color : #d1d1d1; 

}

希望有所帮助：）

修改：工作示例，http://jsfiddle.net/C5WxK/

Answer 2

最好的解决方案是CSS中的属性选择器（input[type="text"]），正如其他人所建议的那样。

但是如果你必须支持IE6，你就不能使用它（QuirksMode）。好吧，只有你必须并且也愿意支持它。

在这种情况下，您唯一的选择似乎是在输入元素上定义类。

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

并使用类选择器定位它们：

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

Answer 3

您希望限制输入文本类型的字段，因此请使用选择器input[type=text]而不是input（这将适用于所有输入字段（例如，类型提交的字段））。