Removing padding from IE buttons

Thursday, April 28th, 2005

Internet Explorer automatically adds padding to buttons in HTML forms. This space stretches according to the length of the button’s text.

 

Eg,

IE button sizes

Use the CSS rule:

* html input { overflow: visible; }

to remove the extra padding.

This rule uses the Html Star Hack so only Internet Explorer applies it.