CSS - 所有浏览器的输入规则？答案

【问题标题】：CSS - Input-Rule for all Browsers`?CSS - 所有浏览器的输入规则？
【发布时间】：2011-04-13 13:45:36
【问题描述】：

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

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

我在 CSS 中添加三个新规则 -> input.button , input.text, textarea

但这是个好主意吗？因为它不适用于每个浏览器-.-

有没有更好的方法（规则）比如 -> input.button , input.text, textarea ？还是我应该使用我的第一个解决方案？

【问题讨论】：

标签： css

【解决方案1】：

IE7+ 允许您在 CSS 选择器中使用该属性 ala input[type='text'] 在 IE6 上的使用份额在 11-17% 之间，具体取决于您查看的位置，因此这可能是一个选项。否则为每个添加一个类不应该引起太多问题。这个问题可能会帮助CSS Selector for <input type="?"

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

【讨论】：

【解决方案2】：

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

input[type="text"], textarea

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

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

这适用于我测试过的所有浏览器（IE6+、Firefox、Chrome 和 Safari）。

【讨论】：