Selector para botón presionado

Question

¿Hay alguna opción, o selector especial para cambiar el estilo de un botón presionado, qué quiero decir con eso ... cuando un usuario hace clic en un botón, quiero cambiar el estilo de ese botón? ¿Hay alguna opción para hacer eso como: :focus o solo con javascript click/focus event?

Answer 1

Creo que busca la pseudo-clase :active ...

#btn { border: solid 5px red; padding: 5px; } 
 
#btn:hover { border-color: green; } 
 
#btn:active { border-color: blue; }

<button id="btn" />

Nota: si está utilizando tanto :hover y :active en un solo elemento, la definición debe :hover ven primero.