En CSS tenes los selectores que se llaman pseudo-classes.

Dentro de los cuales podes encontrar:

• :hover que se activa cuando el mouse pasar por arriba, pero no es requerido un click.

• :active que se activa cuando el mouse está haciendo la acción de click

• :visited que se activa si al elemento se le hizo click al menos una vez

Ejemplo:

<button id=miBoton>Mi Botón</button> 

#miBoton { 
  padding: 30px; 
  background: light-gray; 
  color: black; 
} 
#miBoton:hover { 
  padding: 30px; 
  background: blue; 
  color: white; 
} 
#miBoton:active { 
  padding: 30px; 
  background: gray; 
  color: white; 
}