css - 在 css 中分离文本框和按钮

Question

我想要一个健壮的 CSS，它可以让我看到的所有形式看起来都一样。

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

这是CSS

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

我希望按钮的 CSS 与按钮分开，但是

"#content .forms '输入' "

使然后看起来一样。关于我将如何处理这件事有什么想法吗？

Answer 1

如果您可以忽略 IE6，则可以使用 attribute selector :

input[type="text"] {

}

input[type="button"] {

}

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