私は、チェックボタンとして使用していますボタンのセットを持っている

Question

ブートストラップホバーとフォーカスの可視性を排除：

<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> 

ユーザーは常に（すなわち「アクティブ「プレス」は何かボタン見ることができるはずです"）、そうでないものとブートストラップ3は、"アクティブ "状態を非アクティブ"状態より暗くすることによってこれを行います。私の問題は、ブートストラップは、ホバーとフォーカスの状態でバックフラーの色も変更するため、ユーザーがボタンを押したときに、彼がクリックするまで、状態の変化は見えません。他のスレッドで提案されているように、私はこの問題を "クリック"ハンドラの最後にtrigger（ "blur"）を呼び出すことによってパッチしましたが、ユーザーがボタンを押すと、ボタンが押されたという即時のフィードバックは得られません彼は「ホバー」の背景色しか見ない。ホバリングに関係なく、現在のアクティブな状態に応じて色をダイナミックにしたいので、CSSのホバー色を再プログラムすることはできません。ありがとう。私は、私が理解していることから、私のバージョンのブートストラップを変更することを意味していることを知りました - 私は本当にそれをしたくありません....私はあなたの助けに感謝します...

Answer 1

独自のbtn-

---

CSS：

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

---

HTML：

<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> 

を私はここで行ったように、この問題を解決するためのクラス

---

Bootply：https://www.bootply.com/yhoEhJdyCx