react-bootstrap：单击按钮后删除'active'

Question

如果我点击react-bootstrap page上的“默认”按钮，它仍会“点击”。 删除活动状态的常用方法是什么，以便按钮在单击之前看起来像？

使用以下css覆盖不起作用：

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

Answer 1

问题不是＆＃34;活跃＆＃34;，而是＆＃34;焦点＆＃34;它由以下css覆盖修复：

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

Answer 2

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

使用它，就我而言，它已经解决了。

Answer 3

对于我来说，此解决方案有效：

.btn-default:focus {
  outline: none;
  box-shadow: none;
}

您甚至不需要！important。