css - Bootstrap 按钮不取消选择

Question

我正在使用 bootstrap 来设置页面上按钮的样式，在 Chrome 37 中，按钮在我单击它们后不会取消选择。

违规按钮很简单:

<button type="button" class="btn btn-primary">Primary</button>

可以在此处找到完整示例 link .

这个相同的示例在 firefox 中按预期工作。而且我很确定在最近的更新之前在 Chrome 中工作。

有没有办法让这个按钮在 Chrome 中正常工作？

编辑:

下面的帖子修复了按钮的样式，但不幸的是没有修复按钮的行为。

如果在单击按钮后有一个操作连接到 onClick，则在按下返回时将重新触发该操作。这不会发生在 firefox 或旧版本的 chrome 中。 Fiddle example .

Answer 1

将此添加到您的 CSS 中

.btn:focus {
  outline: none;
}

并从

中删除 background-color: #3071a9; 和 border-color: #285e8e;

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  /*background-color: #3071a9;
  border-color: #285e8e;*/
}

Fiddle