Changing the background colour of an active input

问题:

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?

回答1:

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

try this

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