Twitter bootstrap 3 消除引导悬停和焦点可见性

我有一组按钮，用作检查按钮，如下所示：

<div class="btn-group">
    <button type="button" id="slct-A" class="btn btn-primary" data-toggle="button">A</button>
    <button type="button" id="slct-B" class="btn btn-primary" data-toggle="button">B</button>
    <button type="button" id="slct-C" class="btn btn-primary" data-toggle="button">C</button>
</div>

A.
B
C

---

用户应该始终能够看到哪些按钮被“按下”（即“活动”）哪些按钮没有被按下，bootstrap 3通过使“活动”状态比非“活动”状态暗来实现这一点。我的问题是，引导还改变了悬停和聚焦状态下的背面颜色，所以当用户按下按钮时，他看不到状态的改变，直到他点击离开。正如在其他线程中所建议的，我通过在“click”处理程序的末尾调用trigger（“blur”）来解决这个问题，但是当用户按下按钮时，他并没有立即得到按钮被按下的反馈，因为他只看到了“hover”背景色。我无法在css中重新编程悬停颜色，因为我希望颜色是动态的，取决于当前的活动状态，而不考虑悬停。谢谢我确实看到了一些建议，从我的理解来看，这意味着改变我的引导版本-我真的不想那样做…我非常感谢你的帮助…

你可以像我在这里做的那样构建自己的btn类来解决这个问题：

---

CSS:

---

HTML:

A.
B
C

---

引导层：

---

请看一看，了解更多有关stackoverflow如何工作的信息。因此，我假设没有修复方法-感谢解决方案-我更喜欢以下方法，因为它提供了我想要的-通过更改边框颜色和宽度来强调悬停状态，但不影响背景色。btn myown{color:#fff！重要；背景色：#337ab7；边框颜色：#2e6da4；填充：6px 12px；边框宽度：1px；}.btn-myown.active{background color:#286090；边框颜色：#204d74；填充：6px 12px；边框宽度：1px；}.btn myown:hover{border color:#FFFFFF；边框宽度：2px；填充：5px 11px；}我是一个堆栈溢出新手-我该怎么做？请看看这个，并了解更多关于“有人回答”的信息，请看

.btn-myown {
  color: #fff !important;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-myown.active {
  background-color: #286090;
  border-color: #204d74;
}
.btn-myown:hover {
  background-color: #286090;
  border-color: #204d74;
}

<div class="btn-group">
    <button class="btn btn-myown" id="slct-A" type="button" data-toggle="button">A</button>
    <button class="btn btn-myown" id="slct-B" type="button" data-toggle="button">B</button>
    <button class="btn btn-myown" id="slct-C" type="button" data-toggle="button">C</button>
</div>