Boton Submit con imagen y efecto off

[wycbux]

Hola tengo una pregunta.

Se puede hacer que un boton Submit tenga el efecto off?


Yo tengo un boton que lo cambie por una imagen este es el codigo:

<input class="submit" type="image" src="aca la ruta de mi imagen">


Ahora lo que quiero hacer es que la imagen tenga el efecto off...
No puedo poner el link para mostrarles xD!!!

Basicamente es que la imagen esta opaca y cuando le pasas el mouse por encima se aclara al 100%

Se puede hacer?
Y si se puede como se hace?


Desde ya muchas gracias

[mayid]

proba con la propiedad background para ese boton. Y :hover para cuando el mouse le pasa encima.

Si lo que queres es opacidad en vez de background (color pleno) entonces hay otro codigo, mas complejo, pero que no se si sirva. En todo caso, se le aplicaría a su contenedor, y el boton lo heredaría.

[kseso?]

Si tu html es:

Código html:

<input type="submit" value="Enviar" id="submit" class="submit" name="submit"/>
 

Sólo tendrías que definir los dos estados en el css:

Código css:

.submit {background: ....;}
.submit:hover {background: ...;}
 

Y sobre tu imagen de fondo aparecerá el valor de 'value'.

Un saludo

[wycbux]

Muchisimas gracias Kseso?!!!!!!!!!

Gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias!!!!!

Con eso pude hacer lo que quiero :D

Gracias!!!!!!!!!!!!

[kseso?]

¿Te diste cuenta que has escrito tú mas gracias que yo código?

Un saludo