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


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.