Remove button text from input in ie7

Came across something that stumped me a little today – for some reason, IE7 wasn’t hiding the text on a submit button when I thought it should be.

I was using the standard:

text-indent: -3000em;
overflow: hidden;

1 2	text-indent: -3000em; overflow: hidden;

but IE7 showed the word “Submit” anyway.

Turns out, you just need to add a text-transform and hey-presto.

text-indent: -3000em;
overflow: hidden;
text-transform: capitalize;

text-indent: -3000em;

overflow: hidden;

text-transform: capitalize;