Missing padding:0 from input styles, on purpose?

[iliadraznin]

The styles for button, input, select, textarea specify margin:0 but do not specify padding:0, this results in extra space around checkboxes and radio buttons in IE8/9 (haven't tested other ones). You can see a quick example of that.

This probably should be fixed, unless I'm missing a reason for why the padding should stay.

[necolas]

Good spot. From what I've seen...

• IE8/9 add 3px of padding to checkbox and radio, which seems to effect the positioning even with the box-sizing correction. Setting to 0 removes the extra space.
• Safari and Chrome add 1px of padding to those input types, but are unaffected by any change to padding values.
• Firefox sets the padding to 0 !important in the UA stylesheet.
• Opera sets it to 1px. Increasing the padding adds space around the input only when the total padding along one axis exceeds 8px.
• IE6/7 add 3px but are unaffected by changes to the padding.

So adding padding:0 to the input[type="checkbox"], input[type="radio"] rule will bring IE8/9 closer to other modern browsers, and IE6/7 will remain unaffected. I think this is the way to get the most consistency between the most browsers, so it's going in.

Thanks!

[iliadraznin]

Glad I was able to help. :)

[lampslave]

Padding - ok, but what about margin?
http://imageshack.us/photo/my-images/231/19728050.png/
Opera 11.50, Linux, Clearlooks theme.

[iliadraznin]

margin:0 is already there, I was just talking about adding padding:0.

[lampslave]

I see. But may be margin is not needed too?