Foros del web, para los que viven de bits

miraslav · 28-mar-2005, 03:29

He personalizado mi bottones con el CSS, he cambiado el color del texto y del borde. Quieria preguntar si existe algun truco con CSS para que el boton cambie color dr fondo cuando el esta encima? (a:hover)

kahlito · 28-mar-2005, 03:46

Hola miraslav, te puede valer con esto por ejemplo:

a {background-color: #333399;}
a:hover {background-color: #000099;}

Saludosss

JavierB · 28-mar-2005, 03:46

Hola miraslav

Hay una forma de hacerlo:

<style tyle="text/css">
.boton {border:1px solid red; background:yellow}
.boton:hover {background:blue}
</style>

Pero en IE no funciona, tendrías que usar javascript:

Código:

<input type="button" onmouseover = "this.style.background='blue'" onmouseout = "this.style.background='yellow'" />

Saludos,

JavierB · 28-mar-2005, 03:47

Hola kahlito Buen choque

Te has adelantado por unas décimas de segundo.

kahlito · 28-mar-2005, 03:53

Hola JavierB, creo que ha sido "la foto finish" la que me ha dao el adelanto

De todas formas con mi ejemplo pensaba que se referia a un botón de un menú con css y no con el input, creo que el tuyo es el válido y posiblemente me "acusen de dopaje"

Saludosss

28-mar-2005, 03:29	#1 (permalink)
miraslav Fecha de Ingreso: octubre-2004 Ubicación: Barcelona Mensajes: 103	Personalizar el boton con CSS He personalizado mi bottones con el CSS, he cambiado el color del texto y del borde. Quieria preguntar si existe algun truco con CSS para que el boton cambie color dr fondo cuando el esta encima? (a:hover) __________________ www.miras.tv - diseño Web profesional www.webespacios.com - directorio de páginas Web

28-mar-2005, 03:46	#3 (permalink)
JavierB Moderata Fecha de Ingreso: noviembre-2002 Ubicación: Madrid Mensajes: 19.860	Hola miraslav Hay una forma de hacerlo: <style tyle="text/css"> .boton {border:1px solid red; background:yellow} .boton:hover {background:blue} </style> Pero en IE no funciona, tendrías que usar javascript: Código: <input type="button" onmouseover = "this.style.background='blue'" onmouseout = "this.style.background='yellow'" /> Saludos, __________________ Lee las Políticas de los foros y escribe correctamente.

28-mar-2005, 03:47	#4 (permalink)
JavierB Moderata Fecha de Ingreso: noviembre-2002 Ubicación: Madrid Mensajes: 19.860	Hola kahlito Buen choque Te has adelantado por unas décimas de segundo. __________________ Lee las Políticas de los foros y escribe correctamente.

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado

28-mar-2005, 03:46	#2 (permalink)
kahlito Colaborador Fecha de Ingreso: marzo-2003 Ubicación: En el Estrecho y el mar Mensajes: 2.562	Hola miraslav, te puede valer con esto por ejemplo: a {background-color: #333399;} a:hover {background-color: #000099;} Saludosss

28-mar-2005, 03:53	#5 (permalink)
kahlito Colaborador Fecha de Ingreso: marzo-2003 Ubicación: En el Estrecho y el mar Mensajes: 2.562	Hola JavierB, creo que ha sido "la foto finish" la que me ha dao el adelanto De todas formas con mi ejemplo pensaba que se referia a un botón de un menú con css y no con el input, creo que el tuyo es el válido y posiblemente me "acusen de dopaje" Saludosss