twitter-bootstrap - 如何在 bootstrap-4 中移除按钮发光

Question

单击按钮时如何消除按钮周围出现的光晕？

<div class="container">
  <div class="row">
      <div class="col-md-12 mt-5">
          <button type="button" class="btn btn-primary">Primary</button>
      </div>
  </div>
</div>

https://www.bootply.com/vHRldZZt8u

Answer 1

CSS:

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

试试这个 CSS 代码，用你各自的类 .btn-* 替换 .btn-primary