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