27 June, 2011

Extra padding on < button >

I just had a problem with firefox. When I tried to run have a code like this

<button><span>My Button</span></button>

Firefox added 3px of left margin to the buttons. after a little bit of a search found that this snippet of code can solve the issue

button::-moz-focus-inner {border: 0;padding: 1px 0px 0px 0px;}

Found this here, http://www.aheadcreative.com/removing-unwanted-button-padding-in-firefox/

No comments: