表单元素的CSS规则正在影响我网站上的其他表单

Question

我正在尝试使用CSS设置标签的样式，输入和提交特定表单的元素。

我正在使用的代码如下：

    .newsletter_display label  {
width: 75px;
text-align:left;
}
.newsletter_display select {
    width: 60px;
}
.newsletter_display label,input,select {
    float:left;
    margin-top:5px;
    margin-bottom:5px;
        color: #7F7F7F;
}

.newsletter_display label,input[type="submit"] {
    clear:left;
    }

.newsletter_display select,input[type="text"]  {
        color: #333;
    }

但是代码在页面上以其他形式使用，与此无关，并且不在newsletter_display类中。我在这里做错了吗？

Answer 1

请将您的css更新为以下内容。当您没有使用特定于类的输入时，您将包含其他表单输入。

.newsletter_display label  {
width: 75px;
text-align:left;
}
.newsletter_display select {
width: 60px;
}
.newsletter_display label, .newsletter_display input, .newsletter_display select {
float:left;
margin-top:5px;
margin-bottom:5px;
color: #7F7F7F;
}

.newsletter_display label, .newsletter_display input[type="submit"] {
clear:left;
}

.newsletter_display select, .newsletter_display input[type="text"]  {
color: #333;
}