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