efectos para boton

[asegoviaz]

Buenas amigos
Tnego 2 botons de formulario como se podria hacer
para q al pasar el mouse sobre uno de estos botones cambio el color del fondo
y el del texto.
Gracias

[caricatos]

Hola asegoviaz:

Esos efectos los puedes implementar en cualquier elemento de tu página...

El color de fondo es el estilo background-color (si lo quieres cambiar con javascript debes eliminar el guión y poner en mayúsculas el primer carácter que le sigue) y el color del texto es el estilo color...

Por compatibilidad es conveniente usar los eventos onmouseover/onmouseout... y puedes cambiar la clase o los estilos:

1º caso... cambiando la clase:

<style>
.normal {
background-color: white;
color: black;
}
.resalte {
background-color: black;
color: white;
}
Y en el botón:
<button onmouseover="this.className = 'resalte'" onmouseout="this.className = 'normal'" >

2º caso... cambiando los estilos:
<button onmouseover="this.style.backgroundColor = 'black'; this.style.color ='white'" onmouseout="this.style.backgroundColor = 'white'; this.style.color ='black'" >

Saludos