Advanced Search

Return to Snippet

Revision: 52804
at November 1, 2011 22:04 by kiroweb
Initial Code 
input.button{ 
width:114px; 
height:37px; 
border: none; 
background: transparent url(images/submit_btn.gif) no-repeat center; 
overflow: hidden; 
text-indent: -999px; 
font-size: 0; 
display:block; 
line-height: 0; 
}
Initial URL 
http://www.productivedreams.com/ie-not-intepreting-text-indent-on-submit-buttons/
Initial Description 
IE not interpreting text-indent on submit buttons ?

How it works
Let’s see how it works.
font-size:0 is used to reduce the font size and works well in IE7. But even after adding this line, you would notice a black line(which is basically the text) on the center of the button in IE6.
display:block Negative text-indent works in IE only if this is added.
line-height: 0 Another fix for IE6.
Initial Title 
text-indent on submit buttons
Initial Tags 
ie
Initial Language 
CSS