remove value attribute of input element using CSS only

Question

I have a \"Submit\" button which I\'m trying to replace with an image

I can\'t modify th

Answer 1

I haven't found anything that doesn't leave a bad taste in my mouth, but an alternative to font-size: 0 which makes using em and ex units for the element impossible, is to make the text render with transparent "brush", effectively not rendering it at all:

color: transparent;

Note that the above rule applied to an input element has no effect on the color of the placeholder text in the element.

There is still a number of potentially undesirable traits to this solution -- you would probably want to at least add user-select: none along with the above rule, to disable user selection of text, because selecting it would expose it against the solid background color of the selection, which may or may not be desirable.