Advanced Search

Return to Snippet

Revision: 16904
at August 18, 2009 18:35 by jessibird
Updated Code 
.submitbutton {
	display:block;
	width:100px; height:25px;
	background-image:url(image.jpg); background-repeat:no-repeat;
	text-indent:-999px;
	font-size:0px; line-height:0;
}

Revision: 16903
at August 18, 2009 18:31 by jessibird
Initial Code 
.submitbutton {
	display:block;
	width:100px; height:25px;
	border:0;
	background-image:url(image.jpg); background-repeat:no-repeat;
	text-indent:-999px;
	line-height:0;
}
Initial URL 
http://www.productivedreams.com/ie-not-intepreting-text-indent-on-submit-buttons/
Initial Description 
Sometimes you can't use an image button, you have to use a submit button, but you still want to hide the text and show an image instead.

The width and height can be changed, of course. The point is that they are specified.

Display:block is needed for IE, according to the original article. Not sure if the font-size and line-height are strictly needed; I didn't test extensively.
Initial Title 
Hide submit button text
Initial Tags 
forms
Initial Language 
CSS