cómo cambiar el aspecto del botón de enviar?

Question

tengo esta llanura presentar la apariencia del botón en mi código html

<input type="submit" name="pay now" value="pay" /> 

deseo de hacer el botón de enviar este aspecto

<a href="#"><img src="images/shopping-cart/check-out-btn.png" border="0" /></a> 

pero debe seguir con su presentará tipo

cómo Haz eso ?

Answer 1

Se debe utilizar CSS para que:

input[type="submit"] { 
    background: url(images/shopping-cart/check-out-btn.png); 
    width: 200px; /* width of image */ 
    height: 50px; /* height of image */ 
    border: 0; 
} 

probablemente debería utilizar un selector más específico sin embargo.

Answer 2

Usted puede hacer una imagen en un botón submit estableciendo el atributo type del elemento input-image:

<input type="image" src="/path/to/image.png"> 

Para obtener más información, lea el image Button State section of the HTML specification.

Answer 3

Una buena manera de hacerlo es utilizando el elemento del botón.

<button type="submit"><img src="images/shopping-cart/check-out-btn.png" border="0" /></button> 

Funciona como una entrada normal con type = submit, pero tiene mucha más libertad.