Ver Mensaje Individual
  #1 (permalink)  
Antiguo 11/06/2009, 04:36
kikeking1
 
Fecha de Ingreso: junio-2009
Mensajes: 128
Antigüedad: 15 años, 9 meses
Puntos: 17
Iluminar input button

Hola, soy nuevo posteando aunque un fiel seguidor del foro y en mas de una ocasion me ha salvado el pellejo, hoy escribo aqui haber si podeis propocionarme algo ayuda que me esta volviendo loco.

Tengo unos botones, que quieros que al pasar por encima el raton cambien de color (creando el tipico efecto de iluminacion). Emplee javascript para realizar este efecto y sorprendentemente para mi en IE funcionan perfectamente, pero en Firefox no (aun me queda por conprobrar en safari ya contare la experiencia en cuanto tenga la ocasion)

Me es de vital importancia que estos botones funcionen correctamente en firefox, ya que es el navegador que recomiendo se use para una correcta visualizacion (por temas de contenedores y tamaños variables (width='100%'))

El codigo es el siguiente:

Código:
<div align='left' ><input type='submit' name='abopro' value='Abogados & Procuradores'   style='background-color: #fbf0ce;	color:  #474201;	font-family: Arial; 	font-size: 11px; 	border: 1px solid #f8e603;  ;	width:90%;	display:block;	text-decoration: none;	font-weight: bold;	padding: 3px; 	margin-bottom: 4px;' onmouseover='cambia()' onMouseOut='vuelve()' /></div>




<script language="JavaScript"> 

function cambia(){
	document.getElementById('abopro').style.backgroundColor = "f8e603";}
	
function vuelve(){
	document.getElementById('abopro').style.backgroundColor = "fbf0ce";}

</script>