2010-10-15 17 views
6

Veo este sitio que tiene un botón, cuando sobre él el fondo cambia.cuyo estilo CSS maneja el evento click en un botón? que no sea el vuelo estacionario

Cuando hago clic en el botón, el sombreado del botón se invierte, es decir, reacciona al evento de clic.

¿Qué estilo de CSS es este? Lo sé: el vuelo estacionario es para vuelo estacionario, pero ¿qué tal un clic?

+0

Me Ib Estoy dispuesto a apostar que es javascript haciendo manipulación de imágenes. – Gabe

Respuesta

4

CSS no maneja los eventos.

Está buscando la pseudo clase :active, que es solo para la etiqueta A, no para los botones. Sin embargo, puedes diseñar etiquetas A para que parezcan botones.

Ver: http://w3schools.com/CSS/css_pseudo_classes.asp

+2

no haga referencia a w3schools .... http: //www.w3fools.com/ –

+2

Amigo, tiene tres años de retraso en ese consejo. –

+0

... o para ser smarmy, aparentemente. –

2

Lo que estás viendo es estilos predeterminados del navegador para el activo pseudo-clase, que también se aplica a la entrada de teclado en un botón (trate de tabulación a ella y presionando la barra espaciadora).

Estas pseudo-clases NO se aplican solo al elemento de anclaje, es una idea falsa común causada por versiones anteriores de IE que no las soportan en ningún elemento que no sea el elemento de anclaje.

+0

barra espaciadora funciona pero no simplemente haciendo clic en ellos ... –

10

CSS3 maneja eventos de activación ahora (2013).

La pseudo-clase activa está trabajando en cualquier selector css como BUTTON, no solo en A.

ESTILO CSS3

p { margin: 2em; } 
button { background-color: White; color: SteelBlue; } 
button:hover { background-color: LightSteelBlue; } 
button:active { background-color: SteelBlue; color: White; } 

HTML5

<p> 
     <button>test button with :active pseudo-class</button> 
    </p> 

Demostración: http://jsfiddle.net/wp86u/

Ver: http://www.w3schools.com/css/css_pseudo_classes.asp (contenido cambiado desde Diodeus respuesta)

Cuestiones relacionadas