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

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"]

)。

但是如果你必须支持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

（这将适用于所有输入字段（例如提交类型的字段））。

Answer 4

你可以简单地使用带有 type="submit" 的按钮标签

<button type="submit">Submit</button>

除了解决您的问题，现在您可以将 HTML 放入其中（例如图标），而不是使用 value 属性来设置文本。

如果您需要在表单中插入一个普通按钮，请使用 type="button" 来防止它提交表单