CSS on Mouse Down

Without relying on jQuery:

The :active pseudo-class is used to apply css to elements while they’re being clicked upon.

.button {
  color: red;
}
.button:active {
  color: green;
}