How to remove button glow in bootstrap-4

Question

How to remove the glow that appears around the button when you click it?

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

Try this CSS Code, Replace .btn-primary with your respective class .btn-*

Answer 2

I have this solution, it removes the glow from any element (css selector: *) of you can scope outlines on components but you will need to specify it in a CSS class.

*:hover,
*:focus,
*:active
 {
  outline: none;
  box-shadow: none !important;
  -webkit-appearance: none;
}