Css 引导按钮未取消选择

我正在使用bootstrap在我的页面上设置按钮的样式，在Chrome37中，在我单击按钮后，按钮不会取消选择

有问题的按钮很简单：

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

Primary

一个完整的例子可以在这里找到

这个例子在firefox中也能正常工作。我敢肯定，在最新的更新之前，他在Chrome上工作

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

编辑：

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

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

将此添加到css中

.btn:focus {
  outline: none;
}

并移除背景色#3071a9和

边框颜色：#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;*/
}

我能弄明白。问题在于班级的分组

在您提供的小提琴中，在第95行附近有：

.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;
}

如果你把注意力从其他部分分离开来，它就会按照你的意愿开始工作

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

这是因为一旦你点击它，它就会进入“聚焦”状态，直到你点击其他地方。由于您的焦点与“活动”和“悬停”相同，因此看起来仍处于“活动”状态

这是一个。
这并不能解决问题，当按钮被点击时，它会停留在点击的位置。它还保持选中状态，以便在按return键时运行按钮的操作。如果您在最新版本的chrome中签出我问题中的JSFIDLE链接，您应该能够看到问题。我没有看到FIDLE？对不起，代码示例后面有一个链接。这似乎又是朝着正确方向迈出的一步。按钮不再处于选中状态，但看起来仍处于按下状态。变化是什么？在我的回答中。我添加了css规则。这是您的问题，所以基本上这些问题都得到了回答。此更改修复了它的外观，但假设在单击按钮后有一个连接到onClick的操作，则当按下return时，该操作将重新触发。这在firefox或更早版本的chrome中不会发生。提琴的例子。我担心我可能做错了什么，但我似乎无法复制你的问题。我正在运行Google Chrome版本37.0.2062.124。你正在运行哪个版本？请不要使用“bootstrap”标签，使用“twitter bootstrap”，因为它意味着其他东西