css中单独的文本框和按钮

我想有一个强大的CSS，将有我所有的形式看起来一样

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

这是css

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

我想有CSS的按钮分开的按钮，但

“#内容。表格‘输入’”

---

使其看起来相同。有什么想法吗？

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

---

如果不能，则必须为按钮/文本框指定一个类，并将样式应用于该类。

您可以使用类似

input[type=“submit”]

的方法，通过用空格分隔类，将多个类添加到元素中

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

.第一类{颜色：#A9A9}
.SecondClass{字体大小：10pt；}

---

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

我是否可以将类添加到类中，因为.forms已经是一个类了。请向我们显示您的标记。可以在一个元素上使用多个类：确保一个元素可以有多个类

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