react-bootstrap：ボタンをクリックした後に「アクティブ」を削除する

Question

react-bootstrap pageの「デフォルト」ボタンをクリックすると、「クリックされたまま」のままです。 ボタンをクリックする前の状態になるように、アクティブな状態を削除する一般的な方法は何ですか？

次のCSSを上書きすることは動作しません：

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

Answer 1

問題は "アクティブ" ではありませんが、 "フォーカス"、それは次の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; 
} 

これを使用します。私の場合は解決されました。