Advanced Search

IE fix for ugly padding on left and right of submit buttons

/ Published in: CSS
Save to your folder(s)
To remove that ugly added padding from submit buttons try this
width:auto !important; seems to work for IE7

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <!--[if lt IE 8]> 
  2. <style>
  3. /* IE6 */
  4. *html input.button{
  5.   overflow: visible; /* remove padding from left/right */
  6.   width:0;  /*remove the remaining space in IE6*/
  7. }
  8.  
  9. /* IE7 */
  10. *:first-child+html input.button{
  11.   overflow: visible; /* remove padding from left/right */
  12.   width:auto !important;
  13. }
  14. </style>
  15. <![endif]-->
  16.  
  17. <input class="button" type="submit" value="IE567 sux" />

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.