Chrome大纲在bootstrap 4中不会消失

Question

https://jsfiddle.net/oyyL5csh/

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

 *:focus {
    outline: none;
}

Answer 1

看起来Bootstrap 4为每个按钮变体设置了轮廓（实际为box-shadow）（即：.btn-primary或.btn-secondary）。所以这就是我实现它的方式：

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

这是JSFiddle。