Changing the background colour of an active input

Question

Any reason why when I run this code,

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

when I click the desired button it only flashes green for a split second and then returns to the original colour? How can I keep it permanently green?

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" />