Bootstrap：從聚焦的元素中刪除藍色（或任何顏色）輪廓

Question

我知道這個問題已被多次詢問，但大多數答案似乎適用於一半人。我在這一半沒有奏效。您可以在https://jsfiddle.net/erbnzud1/2/結賬該項目。 我需要的是，藍色輪廓不會顯示在焦點上，所以點擊按鈕後。正如你在CSS中看到的，我嘗試了這樣的事情：

.btn:focus,.btn:active { 
    outline: none !important; 
    box-shadow: none !important; 
    -webkit-box-shadow: none !important; 
} 

和許多其他變化。如果您有任何建議，請告訴我。

謝謝！

編輯：這是當前解決方案，它的工作原理：https://jsfiddle.net/erbnzud1/3/

創建了我已經加入到我的元素按我的回答我的問題得到了幫助，這個CSS類：

.noFocus,.noFocus:focus,.noFocus:active { 
    outline: none !important; 
    box-shadow: none !important; 
    -webkit-box-shadow: none !important; 
} 

Answer 1

它是標籤輪廓（正方形）。將label添加到您的css規則以刪除輪廓：

label, .btn:focus,.btn:active { 
    outline: none !important; 
    box-shadow: none !important; 
    -webkit-box-shadow: none !important; 
}