Boton input

[greenberet]

Hola, es posible que un boton <input > cambie de imagen cuando pasemos el raton por encima, igual que se hace con la etiqueta <a> ?

el boton es el siguiente:

Código:

<input class="btnCrear" type="submit" value="" name="Nuevo" onclick="form.idLogica.value='administracion';return true;"/>

css:

Código:

.btnCrear
{
background-image:url(../images/btnCrear.gif);
*background-attachment: absolute;
background-position:center;
background-repeat:no-repeat;
width:46;
height:17;
border:0;
text-decoration:none;
cursor: pointer;
}

Un saludo.

[caricatos]

Hola:

Si te refieres a :hover, la teoría dice que sí, pero en la práctica no funciona en el explorer.

Saludos

[morior]

Puedes crear un botón input con imágenes y ahí no tendrás problemas. En este mismo foro hay un tema sobre eso:

http://www.forosdelweb.com/f53/image...plorer-377414/

Revísalo a ver si te sirve.

[greenberet]

No es exactamente lo que estaba buscando,poner una imagen a un <input> si lo consigo, lo que no logro hacer es que ese mismo boton tenga una imagen u otra dependiendo de si ponemos el cursor encima de la imagen o no.

como cuando tenemos un enlace y podemos ponerle a{} y a:hover{} y definir una imagen en cada uno.

[morior]

Es lo mismo y funciona igual, revísalo.

[Pepbeer]

Sino siempre puedes crear un enlace con los estilos de un botón. De esta manera tendrás disponible el hover para hacer lo que buscas.