『提问』如何根据input type来设置css?

假设有这样的html片断：
<input type="button" value="OK"/>
这样的button代码很多，偶现在想为它们设置一个css, 那么如何写选择符呢？
偶google过，好像没有这样的例子......不会得一个一个地添加:
<input type="button" value="OK" class="btn"/> 吧？

有没有类似link的写法（a.active {}）：
input.button {} （试验过, 不成功......）

link那个是CSS里标准的伪类，浏览器支持的，您这样写

然后
input.btn {}
就是自定义的伪类了。

偶就是不想一个一个地修改原有的button html片断 (添加class="btn")。才想找一个偷懒的方法，写一个css就能够自动apply，不会css对于input type="xxx"没有定义吧......??????

sure～～

readonly没有用过Attribute Selectors(htp://www.w3.org/TR/REC-CSS2/selector.html#attribute-selectors)？
比如你说的input可以这样：
input[type='button'] { color: red; }
input[type='submit'] { color: green; }
就ok了

Enjoy it.

(bbCode居然不好用 ft～)
(html也不好用～～ 难道是rpwt？:( )

在Firefox上测试通过，但是IE6不完全支持CSS2，就挂掉了......

sigh, 准备全文查找替换了......

anyway, thank you, huazii

我的ie6没有问题啊～

难道是偶的rpwt??

偶测试环境是windows 2000 pro. chinese sp4
IE6.0 sp1   测试失败
Firefox 0.9 测试通过

测试页面见附件

sorry，是偶弄错了，好久不用ie了.. 汗啊...

:-(
我还以为IE觉悟了，象禁止popup win一样出了SP呢。

有个CSS方面的大牛，叫Meyer的，有一个CSS Support Charts，可以参考下。

写一个js，用js绑定就可以了：

var inputs=document.getElementByTagName("input");

for(var i=0;i<inputs.length;i++){
      var input=inputs[i];
      
     if("hidden"!=input.type)  input.className=input.type; //当然你可以再细分
}