Define css for checkbox

Is it possible to define css style for checkbox in a form without define id and class for it开发者_如何转开发? I know i can use

input {css...}

but i will effect all the inputs in the form.

---

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

There is still some issue with old browsers not recognizing it (IE6 for example) but there are work-arounds to deal with it, if that support is needed.

---

Like this, using attribute selectors:

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

Just be aware that IE6 does not support this. Apart from that, browser support is pretty good.

---

In addition to attribute selectors, you can, in some newer browsers, use several different pseudo-classes, for example:

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

to target the second input:

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