我在每个textarea,每个textfield和每个按钮添加了一个特殊的类。我的页面上有很多按钮和很多文本字段,所以我决定清理我的代码。
我删除了html代码中的所有特殊类,如(.textarea),(。textfield)和(.button)。超过180次点击...所以我的代码现在变短了。
我将三个新规则添加到CSS中 - > input.button,input.text,textarea
但这是个好主意吗?因为它不适用于每个浏览器-.-
是否有更好的方法(规则),如 - > input.button,input.text,textarea?或者我应该使用我的第一个解决方案?
答案 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