Take the 2-minute tour ×
Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.

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.

share|improve this question
    
Just throwing this out there but you can remove the text completely with JavaScript. –  John Conde Nov 29 '10 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 '10 at 15:30

1 Answer 1

up vote 1 down vote accepted

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

share|improve this answer
    
Would this blow up the block though? –  Bms85smB Nov 29 '10 at 15:13
    
It shouldn't do that. If it does, you can use overflow: hidden –  Stephan Muller Nov 29 '10 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 '10 at 15:18
    
I think !important is a lot more dirty than this.. :P –  Stephan Muller Nov 29 '10 at 15:19
    
It seems better to use a negative indent, that'll make sure no stretching happens :) –  Stephan Muller Nov 29 '10 at 15:21

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

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