I'm working on a project where I have to override both embedded styles and primary style sheets in order to change a design. I've got everything working in all the main browsers/versions except for a submit button where the client wants a specific image for the button. I'm using background url to bring in the image, but there is "submit" text in the html that can't be removed from the template because we don't have access. I set color to transparent but it still displays text over the button in IE is there any way to remove this text via css?

Thanks in advance for any help.

  • Just throwing this out there but you can remove the text completely with JavaScript.
    – John Conde
    Nov 29, 2010 at 14:38
  • I found something that worked, but this sounds more proper, I'll google it and look into it for the future. I don't know much javascript but I'll be doing more of these template overrides in the future so i should learn this. Thanks for the pointer :)
    – Bms85smB
    Nov 29, 2010 at 15:30

1 Answer 1


You could try giving the button a `text-indent: -9999px'

  • Would this blow up the block though?
    – Bms85smB
    Nov 29, 2010 at 15:13
  • It shouldn't do that. If it does, you can use overflow: hidden Nov 29, 2010 at 15:15
  • I feel so dirty for having to do it, but everything else is hacked or !important so why not, It worked!!
    – Bms85smB
    Nov 29, 2010 at 15:18
  • I think !important is a lot more dirty than this.. :P Nov 29, 2010 at 15:19
  • It seems better to use a negative indent, that'll make sure no stretching happens :) Nov 29, 2010 at 15:21

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.