Adding an image to submit button using CSS

Question

I\'m attempting to use CSS in order to make a sumbit button containing an image. Here\'s the code:

HTML

Answer 1

You can use CSS text-indent to move the text away:

input#search {
    background:url(../search-icon.png);
    background-repeat: no-repeat;
    width:40px;
    height:40px;
    text-indent:-999px
}

https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent