铬轮廓不会在自举4

Question

https://jsfiddle.net/oyyL5csh/

<button class="btn "> 
test 
</button> 

*:focus { 
    outline: none; 
} 

Answer 1

看起来像消失自举4套轮廓（实际上box-shadow）为每个按钮变体中，（即：.btn-primary或.btn-secondary）。所以我就是这样实现的：

[class*="btn-"]:focus { 
    -webkit-box-shadow: none; 
      box-shadow: none 
} 

这是JSFiddle。