react-bootstrap：點擊按鈕後刪除'active'

Question

如果我點擊react-bootstrap page上的'Default'按鈕，它仍然是「點擊」。 刪除活動狀態的常用方法是什麼，以便按鈕看起來像點擊之前一樣？

與下面的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; 
} 

使用這個，在我的情況下，它被解決了。