how to border=0px for input=radio

liunx

Guest
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.bumpI 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">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:
<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/selector.html#attribute-selectorsIf">http://www.w3.org/TR/REC-CSS2/selector. ... electorsIf</a><!-- m --> "ALL browsers" didn't include IE then that would work. Maybe in 7.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 ?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.using javascript you could use an image for your radio button - something that even looks like a star! but why bother...
 
Back
Top