react-bootstrap: remove 'active' after button was clicked

Question

If i click the 'Default' button on react-bootstrap page it remains "clicked". What is the common way to remove the active state, so that the button looks like before it was clicked?

Overriding with the following css does not work:

.btn-default:active {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

Answer 1

.btn:focus {
    outline: none !important;
    outline-offset: none !important;
}

Use this, In my case, it was solved.