为复选框定义css

Question

是否可以在没有为其定义id和类的表单中为复选框定义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;
}