Image/Icon as submit button

Question

How to make icon/image to be used as submit button (input)? I mean I have tried input type "image" but then I had white background around the envelope that I want to be my submit button. I would prefer to use '✉' code but I can't get rid off the background around it.

I am using code like this now but it really isn't really what I want

<input name="send" value="&#x2709;" type="submit">

that is how it look right now

Answer 1

您可以使用<input type="image"> ，更多信息， 请访问https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/image

Answer 2

You could use the with aa class to apply the background image

<button class="mybgImage"></button>

With the CSS..

.mybgImage {
   width: 40px;
   height: 30px;
   background-image {'theNameOfMyBackgroundImage.png'}
 }