引導按鈕顯示藍色邊框？

Question

我使用引導模板將按鈕添加到我的網站。在改變按鈕的顏色後，我注意到每個按鈕上都有一個淺藍色的輪廓......我一直在試圖找到一種方法去除這個邊框，但我不確定它爲什麼會出現。有沒有辦法去除這個邊界？

Answer 1

有了不再看到你的代碼，我建議只把它運用CSS的btn類

.btn { 
    border:none; 
} 

.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>