为复选框定义css

Question

是否可以在没有定义id和class的窗体中为复选框定义css样式？我知道我可以使用

input {css...} 

但我会影响窗体中的所有输入。

Answer 1

input[type="checkbox"]{...} 

还有一些问题与旧的浏览器不承认它（IE6为例），但也有变通办法来对付它，如果需要这种支持。

Answer 2

与此类似，使用属性选择：

input[type="checkbox"] { 
    css... 
} 

要知道，IE6不支持这一点。除此之外，browser support is pretty good。

Answer 3

除了属性选择，你可以在一些较新的浏览器，使用几种不同的伪类，例如：

<form> 
    <input type="text" /> 
    <input type="text" /> 
    <input type="text" /> 
</form> 

为目标的第二个输入：

input:nth-child(n) {   
    css-property: value; 
}