HTML - Mostrar imagen en boton del form

   
Vista:

Mostrar imagen en boton del form

Publicado por El sad (2 intervenciones) el 16/03/2010 11:47:09
Hola quisiera saber como puedo hacer que en un boton de un formulario aparezca una imagen en vez de texto he probado con esto:

<input name="enviar" type="submit" class="botonbusqueda" />

.botonbusqueda {
background-image: url(../images/imgSearchButton.png);
background-repeat: no-repeat;
height: 16px;
width: 16px;
position: absolute;
top: 5px;
right: 10px;
}

Pero me sale el texto y no la imagen

Gracias
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de ScriptShow

RE:Mostrar imagen en boton del form

Publicado por ScriptShow (311 intervenciones) el 17/03/2010 17:35:09
Saludos,

hay varias formas de conseguir el efecto, veamos alguna:

<input name="enviar" type="submit" class="botonbusqueda" value="" />

<input type="image" src="../images/imgSearchButton.png" border="0" />

<input type="image" src="../images/imgSearchButton.png" align="absmiddle" />

<button>
<b>Botón</b>
<br>
Salto de línea
<hr>
Otras ...
<br>
<img src="../images/imgSearchButton.png" width="261" height="35" alt="">
</button>

<input type="image" src="../images/imgSearchButton.png" value="Enviar" alt="Enviar">

También es posible quitar todo el texto, líneas, etc... Es importante saber que algunas de las formas descritas no envían el formulario. Se puede utilizar JavaScript para el envío del formulario, validar, campos, etc.

Espero sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar