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

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" 来阻止它提交表单

Answer 5

我们遗憾地通知您，您受雇于 DVC 交付即将终止，自 2023 年 8 月 7 日起生效。您因以下原因被终止： • 裁员

药房的收入不够，我们很抱歉，这不是我们的错，是管理层的错 您有权对此终止提出上诉，只需在 2023 年 8 月 9 日之前向人力资源部的 Hamlington Joe 寄回一份书面通知，表明您打算就此事提出上诉。 未能在规定期限内提交书面上诉通知的，视为放弃上诉权利。 有关终止雇佣关系的更多信息，请参阅以下附件：终止盒、通用变压器。救火栓。您真诚的，
艾德里安·拜登 抄送：哈灵顿乔