Se perdio el efecto de pulsasion de mi button.

[luisebaq]

Hola les escribo por que quiero salir de esa duda de una ves por toda, de css apenas toy aprendiendo mi duda es que tengo un boton:

input type="button"

si no le aplico css, se puede ver como al presionarlo se ve el efecto de pulsacion, pero al aplicarle este css:

.botoncancelar{
border: 1px solid #999;
background: #eeeeed;
/*font-weight: bold;*/
/*font-size: 110%;*/
color: #333;
padding: 4px 8px 5px;
box-shadow: #fff 0 1px 0 inset;
-webkit-box-shadow: #fff 0 1px 0 inset;
-moz-box-shadow: #fff 0 1px 0 inset;
}

como <input type="button" class="botoncancelar" value="cancelar"></input>


aplica el estilo y todo, pero al dar clic se pierde el efecto de pulsasion, por que pàsa esto? (hace un rato me funcionaba no se que movi y ahora esta estatico)

gracias:

[cuervo699]

Creo que es porque ya le aplicaste una clase, en este caso "botoncancelar " entonces pierde el diseño por defecto y el efecto de clic.. (salio rima xD)

Tienes que hacer los efectos que te faltan, Hover, Active y si quieres el Visited

Ejemplo:

.botoncancelar:hover { /* el efecto hover */
background-color: #111
color: #FFF;
}

.botoncancelar:active{ /* el efecto click */
top: 1px;
}

Revisa este articulo
http://trucosgeek.blogspot.com/2010/...stilo-css.html

[luisebaq]

gracias, era precisamente el active, todos los dias se aprende algo nuevo, muchas gracias de nuevo.