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

Question

我的网站上有两种形式，但我很难为它们设置不同的样式。

我希望网站上的所有文本区域/输入都具有相同的样式，除了一种形式。

因此站点上的所有表单都使用此 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 input, .form-control textarea 好像不行？

Answer 1

一种简单的方法是向相关表单添加一个 id:

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

然后，在 css 中设置输入样式:

#my-form input {your-style:value;}