how to border=0px for input=radio

[ofir]

some browsers (IE) can show an ugly border around input type radio/checkbox.
this is bkuz i uset a style for all inputs.

how can i write "border-width: 0px" for input type=radio/checkbox ONLY.

[ofir]

bump

[NogDog]

I think you'd have to define it for a class in your CSS, then assign that class to the checkbox input element:
CSS:
.check { border: none; }
HTML:
<input type="checkbox" class="check" value="1">

[ofir]

that is what i m doing now..
i thought there must be some more 'elegant' solution.
something like :input[type = "radio] { border: none;}
that work for ALL browsers

look here:
http://www.w3.org/TR/REC-CSS2/selector.html#attribute-selectors

[ray326]

If "ALL browsers" didn't include IE then that would work. Maybe in 7.

[ofir]

by that do u mean ONLY IE is not supporting this ?
does ALL other browsers (except IE) support this ?
if so - is there a hack for IE ?

[Fang]

All modern browsers support the Attribute Value Selector, except IE
Use class as suggested by NogDog. You could use JavaScript, but it's not advisable.

[leahfitch]

using javascript you could use an image for your radio button - something that even looks like a star! but why bother...