Wednesday, December 2, 2009

Hiding Text on Form Submit Button

I wanted to have CSS replace a submit button for one of the forms on my site. So I decided to style it with a background image and set a text-indent to hide the text. It worked nice but in Internet Explorer, the text wouldn't go away.

I found a strange way to make the text disappear even in Explorer. Just use this bit of CSS for the submit button.

{
color: transparent;
text-transform: capitalize;
}


That should do the trick!

No comments: