| Pregunta: | 8440 - CAMBIAR ESTILO DE BOTON AL PASA RATON POR ENCIMA |
| Autor: | Ignacio García Paredes |
| Lo que quiero hacer es que cuando se pase el raton por encima de un boton (onmouseover) se le cambie el estilo asignado a dicho boton cuando se creo. En caso de no poderse hacer, he conseguido cambiar el color del texto del botón y lo que me gustaría es poderle poner que salga subrayado, es decir, lo que en un estilo se hace con TEXT-DECORATION: underline.
Muchisimas gracias. | |
| Respuesta: | Ignacio García Paredes |
| Bueno hoy encontre la solución a mi propia pregunta, de todos modos aquí os dejo la solución:
Primero se indican los dos estilos que se van a usar: <STYLE> input.c1 {width:40px;height:15px;border:0px solid #18798C;background-color:#18798C;font-family:Verdana,Arial,Helvetica,Sans-serif;font-size:8pt;text-decoration: none;color:#FFFFCC;cursor:hand;} input.c2 {width:40px;height:15px;border:0px solid #18798C;background-color:#18798C;font-family:Verdana,Arial,Helvetica,Sans-serif;font-size:8pt;text-decoration: underline;color:#FFFF00;cursor:hand;} </STYLE> Luego el SCRIPT necesario para hacer el cambio: <SCRIPT language=javascript> <!-- function mOver(tipo) { if ("INPUT"==event.srcElement.tagName) event.srcElement.className=tipo } function mOut(tipo) { if ("INPUT"==event.srcElement.tagName) event.srcElement.className=tipo } --> </SCRIPT> Y por último el código HTML del botón: <input onmouseover="mOver('c2');" onmouseout="mOut('c1');" type="submit" class=c1 value="Entrar" name="entrar"> | |