Changing the background colour of an active input selector

Question

Any reason why when I run this code,

input[type=submit]:active {
  background-color: green;
}

when I click the desired button it only flash

Answer 1

input[type=submit]:focus {
    background-color: green;
}

try this

Answer 2

You also need to use the :focus selector.

This then adds the background color to the input as it is the focused element.

input[type=submit]:active, input[type=submit]:focus {
  background-color: green;
}

<input type="submit" />