Bootstrap按钮显示蓝色边框？

Question

我使用自举模板向我的网站添加按钮。更改按钮的颜色后，我注意到每个按钮上都有一个蓝色的轮廓......我一直试图找到一种方法来移除这个边框，但我不确定它为什么存在。有没有办法删除这个边界？

Answer 1

如果没有看到您的代码，我建议您将此css应用于btn类

.btn {
  border:none;
}

使用bootstrap

设置样式的每个按钮都应该使用

.btn

Answer 2

使用outline:none删除btn边框背景

*.btn:active, .btn:focus, .btn:active:focus, .btn.active:focus {
        outline: none !important;
    }

   

*.btn:active, .btn:focus, .btn:active:focus, .btn.active:focus {
        outline: none !important;
    }





    .btn {
      margin:32px;
    }

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  

<h1 class="text-center"> Remove Border Blue Lines from Bootstrap Button </h1>
<br>

   <center> <button type="button" class="btn btn-success">Button</button> </center>
    
  <br>  <br>