Pressed <button> selector

Question

I\'d like to create a button that changes its style when it gets pressed. This is my CSS code:

Answer 1

You could use :focus which will remain the style as long as the user doesn't click elsewhere.

button:active {
    border: 2px solid green;
}

button:focus {
    border: 2px solid red;
}