CSS - 所有浏览器的输入规则`?

时间:2010-09-17 05:51:44

标签: css

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

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

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

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

是否有更好的方法(规则),如 - > input.button,input.text,textarea?或者我应该使用我的第一个解决方案?

2 个答案:

答案 0 :(得分:3)

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

input[type="text"], textarea

要将样式应用于按钮,您可以使用:

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

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

答案 1 :(得分:0)

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

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