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

Question

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

我用过这段代码：

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

Answer 1

input[type="text"], textarea {

  background-color : #d1d1d1; 

}

希望有帮助:)

编辑：工作示例， http: //jsfiddle.net/C5WxK/

Answer 2

input[type="text"]最好的解决方案是其他人建议的 CSS ( ) 中的属性选择器。

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

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

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

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

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

Answer 3

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