Cómo el estilo de «enviar» entradas del ratón, haga clic en?

Suponiendo que te refieres en CSS, en lugar de un JavaScript enfoque, puede utilizar la pseudo-clases:

input[type=reset], /* CSS2.1 attribute-equals selector */
#resetButtonID,
.resetButtonClass-Name {
    /* the reset button */
}

input[type=reset]:hover,
#resetButtonID:hover,
.resetButtonClass-Name:hover {
    /* the reset button when hovered over */
}

input[type=reset]:active,
#resetButtonID:active,
.resetButtonClass-Name:active {
    /* the reset button when mouse-down */
}

input[type=reset]:focus,
#resetButtonID:focus,
.resetButtonClass-Name:focus {
    /* the reset button when focussed by keyboard-navigation */
}

JS Violín demo.

OriginalEl autor David Thomas

Es el mismo que el de cualquier otro elemento en CSS, hay pseudo selectores de movimiento y foco, pero no específicamente por clic. También puede utilizar el selector de atributo:

input[type="reset"]{/* attribute selector*/}
input[type="reset"]:hover{/* :hover psuedo selector*/}
input[type="reset"]:focus{/* :focus psuedo selector*/}
input[type="reset"]:active{/* :active psuedo selector (for click)*/}

El enfoque de estilo se aplican cuando el usuario inicialmente haga clic en (o se centra, por supuesto), pero se pierde el estilo, una vez que el usuario mueve el foco a otro elemento. Específicamente para obtener haga clic en estilos para ese pequeño momento mientras el botón del ratón hacia abajo, uso de javascript o tratar la :active selector, que (yo sólo ahora se daba cuenta) puede ser aplicado a los no-anclaje de elementos.

OriginalEl autor Wesley Murch