Como cambio color d fondo de un boton en un form?

wiskas · #1 (**permalink**) 13/03/2002, 03:42

Quiero cambiar el color de fondo y el color del texto de un botón de un formulario cuando paso el ratón por encima (me imagino que será pues con OnMouseOver) pero no se como hacerlo.
Tengo el siguiente código que define el estilo css de los campos input del formulario. Que debo añadir para que cambie cuando pase el ratón por encima?

Este es el codigo css:

Código:

  input { font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #FFFFFF; background-color: #7F99D4; border: #000099; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; cursor: hand}

Gracias.

Luis Carlos - Zaragoza

bet · #2 (**permalink**) 13/03/2002, 08:29

Algo así te puede servir?

Código:

&lt;html&gt;
&lt;head&gt;
&lt;title&gt; Cambiar colores &lt;/title&gt;

&lt;style type=&quot;text/css&quot;&gt;

input { font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #FFFFFF; background-color: #7F99D4; border: #000099; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; cursor: hand} 
&lt;/style&gt; 

&lt;script language=&quot;JavaScript&quot;&gt;
&lt;!--
	function cambiar(b,bg,tx){
		b.style.backgroundColor = bg;
		b.style.color = tx;

	}
	//--&gt;
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;input type=&quot;button&quot; name=&quot;bot&quot;  value=&quot;Mi Boton&quot; onMouseOver=&quot;cambiar(this,'#CCAAFF','#000000')&quot; onMouseOut=&quot;cambiar(this,'#7F99D4','#FFFFFF')&quot;&gt;&lt;br&gt;
&lt;/body&gt;
&lt;/html&gt;

<hr noshade size=1><img src="http://www.gograph.com/Images-8712/ClipArt/cat03.gif" height="50" border=0 align="absmiddle"> <font size="2" face="verdana" color="#000000">bet[/CODE]

wiskas · #3 (**permalink**) 13/03/2002, 08:46

Muchisimas gracias, eso era justo lo que quería hacer.

Un saludo

Gracias

Luis Carlos - Zaragoza