Question

I can’t seem to get the CSS to modify my radio buttons. Their default settings aren’t symmetrical so my layout looks a little ugly. I am generating a bunch of these forms with javascript. I do not want to inject large amounts of inline style='margin:0px padding:0px' stuff but it’s the only way I can get it to work.

Answer 1

Using a CSS selector, you can probably do this:

input[type=radio] { margin: 0; padding: 0; }

Note however that older versions of IE don’t support attribute selectors. For those, you can do:

<div class="radios">
   ...input tags...
</div>

and

.radios input { margin: 0; padding: 0; }

to catch the oldies. This would cut down the amount of presentational code while maintaining compatibility with ie6.