Stili attivi

La pseudo-classe :active applica degli stili a un elemento quando viene attivato dall’utente, in genere quando l’utente fa clic su un elemento e tiene premuto il pulsante del mouse.

Per esempio:

<button class="action-button">Click Me!</button>

Aggiungi CSS per definire lo stile del pulsante quando è attivo:

.action-button {
  background-color: blue;
}
.action-button:active {
  background-color: darkblue;
}

Quando fai clic sul pulsante e lo tieni premuto, il suo colore passerà da blu a blu scuro. In questo modo gli utenti ricevono un feedback visivo che indica che la loro azione viene registrata.