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.
Add a comment
|
3 Answers
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.
Comments
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.
1 Comment
evasilchenko
nickf is absolutely right but just be aware that you will only have a limited amount of styling that you can do with just css when it comes to check boxes and radio buttons. If you want to completely restyle it then you will need to use something like: lipidity.com/fancy-form
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;
}
1 Comment
hd.
a personal question ... are you really 91 ?!