Image on submit button [closed] - html

Question

Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 7 years ago.
Improve this question
i've been trying to change my input submit button background's image, i followed many tutorials but none of them helped. The button still doesn't appear. Here is the snippet of code.
<input type="submit" name="submit" value="" alt="submit">
input[type="submit"] {
background: url(../icons/submit_icon.png) no-repeat 0 0;
display: block;
height: 25px;
text-indent: -9999px;
width: 28px;
border: 0;
}

Answer 1

I tried your code and it worked, here is the fiddle :
https://jsfiddle.net/268rLw9v/1/
I think your problem is because of the size of the image (or of the input), look in my example, I changed the width and height of the input because the image I use is bigger.
width: 250px; height: 280px; // I used that because of the image size
Be sure that your image have an appropriate size.
You can also try these css properties to see what happens :
background-size: cover;
background-position: center;