CSS - Input-Rule for all Browsers`？

Question

我给每个文本区，每个文本域和每个按钮添加了一个特殊的类。我的页面上有很多按钮和文本字段，所以我决定清理代码。

我删除了html代码中的所有特殊类，如(.textarea)、(.textfield)和(.button)。点击量超过180次...所以我的代码现在更短了。

我将三个新规则添加到CSS -> input.button、input.text、textarea中。

但这是个好主意吗？因为它并不是在每个浏览器上都能工作。

有没有更好的方法(规则)，比如-> input.button，input.text，textarea？或者我应该使用我的第一个解决方案？

Answer 1

在CSS中，使用输入后跟类型属性检查。例如，要将规则应用于文本框和文本框，您可以使用：

input[type="text"], textarea

要将样式应用于按钮，您可以使用：

input[type="button"], input[type="submit"]

这适用于我测试过的所有浏览器(IE6+、火狐、Chrome和Safari)。

Answer 2

IE7+允许你在你的CSS选择器中使用属性，因为IE6上的input[type='text']使用率份额在11-17%之间，这取决于你所看到的地方，所以这可能是一个选择。否则，向每个类添加一个类应该不会造成太多问题。这个问题可能会对CSS Selector for 有所帮助

有关支持不同CSS选择器的更多信息，请查看http://www.quirksmode.org/css/contents.html