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

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

我使用了以下代码：

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

希望有帮助：）

---

编辑：工作示例，

您希望限制为文本类型的输入字段，因此使用选择器

input[type=text]

，而不是

input

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

最好的解决方案是CSS中的属性选择器（

input[type=“text”]

）如其他人所建议

但是如果必须支持，就不能使用它（）。好吧，除非你必须而且愿意支持它

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

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

---

美好的输入字段中有边框效果，但文本区域没有？为什么同时使用

input[type=“text”]

和

textarea

？它们是两个单独的标记，需要单独寻址

input[type=“text”]

不处理

textarea

字段。嗨，Damien，让我知道一件事，我有表单，我需要从客户那里获取颜色详细信息，就像客户可以选择两种颜色一样，实际上，我有三种颜色，所以他们至少选择两种颜色。出于某种原因，我的输入字段仅在页面呈现时进行样式化。正如SF的@Damien所说，使用输入[type=“text”]代替输入。但也要使用

border:none避免默认文本输入边框的规则。
<input type="text" class="input-box" ... />
<input type="submit" class="button" ... />
...

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