Posted By

localhorst on 03/25/09


Tagged

ie button ie6 ie7


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite

jamesming
simmu


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


 / Published in: CSS
 

To remove that ugly added padding from submit buttons try this width:auto !important; seems to work for IE7

  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  

You need to login to post a comment.