为同一页面上的两个html表单文本区域/输入设置不同的样式

我在我的网站上有两个表单，但我正在努力改变它们的风格

我希望网站上的所有文本区域/输入具有相同的样式，只有一个表单除外

所以网站上的所有表单都使用这个css

input, textarea {
    background-color:#eae7e7 !important;
}

我如何按照下面的步骤更改另一个窗体上的背景色

<div class="form-group">
<input type="email" class="form-control input-sm" id="name" placeholder="Your Name">
</div>

.form control输入，.form control文本区域似乎不工作？

请尝试：

input.form-control {
    background-color: #000 !important;
}

您必须添加

！重要信息

到css，以便覆盖应用于

输入的样式，textarea

。但是，如果可能，您应该删除

！重要信息

除非100%必要。

尝试：

input.form-control {
    background-color: #000 !important;
}

.form-control input, .form-control textarea

您必须添加

！重要信息

到css，以便覆盖应用于

输入的样式，textarea

。但是，如果可能，您应该删除

！重要信息

，除非100%必要

.form-control input, .form-control textarea

似乎您有这样的代码：

<div class="form-control">
   <input>
</div>

似乎您有这样的代码：

<div class="form-control">
   <input>
</div>

---

一种简单的方法是向相关表单中添加id：

<div class="form-control" id="my-form">

---

一种简单的方法是向相关表单中添加id：

<div class="form-control" id="my-form">

---

读了几遍你的问题后，听起来你在使用“表单”和“输入”这两个词，好像它们是可以互换的。很抱歉，我有20个表单，只需要更改其中一个——我为上面提供的代码。读了几遍你的问题后，听起来你在使用“表单”和“输入”这两个词好像它们是可交换的很抱歉，但是我有20个表单，只需要更改其中一个-我为上面提供的代码。删除

input

和

之间的空格。您的选择器中的表单控件（我想）肯定会留出空格，我只是故意留下了这个空格，因为它看起来像是
。表单控件
是专门添加到这个输入中的。事实上不是，你是100%对的，我不确定为什么我认为它在输入中。谢谢你抓住了！删除选择器中
输入
和
之间的空格。表单控件
可以保留空格。我只是故意留下了空格，因为它看起来像
。表单控件
是唯一添加到此输入中的。实际上，不，你是100%正确，不知道为什么我认为它在输入中。谢谢你抓住了！