在css中单独的文本框和按钮

Question

我想拥有一个强大的CSS，它拥有我看起来相同的所有形式。

在为按钮和文本框定义CSS属性时遇到问题

这是css

#content .forms input {
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
}

我想将按钮与按钮分开但是

“＃content .forms'input'”

然后看起来一样。关于我如何做到这一点的任何想法？

Answer 1

如果你可以忽略IE6，你可以使用attribute selector：

input[type="text"] {

}

input[type="button"] {

}

如果你不能，你必须给你的按钮/文本框一个类，并将样式应用到该类。

Answer 2

您可以通过用空格分隔类来为元素添加多个类。

<style>
    .FirstClass { color: #a9a9a9 }
    .SecondClass { font-size: 10pt; }
</style>
<input type='text' class='FirstClass SecondClass' />

如果将越来越多的类应用于单个元素，则添加多个类可能会造成混淆。

Answer 3

您可以使用input[type="submit"]之类的attribute selectors。