私は自分のサイトにボタンを追加するためにブートストラップテンプレートを使用しました。ボタンの色を変更した後、私はそれぞれのボタンに青い輪郭が少ししかないことに気付きました...私はこの境界線を取り除く方法を見つけようとしていましたが、なぜそれがあるのか分かりません。この境界線を削除する方法はありますか？あなたのコードを見てアウトしてブートストラップボタンが青色の枠線を表示していますか？

出典

2017-10-04 user7124275

。推測に加えて、あなたがしたことがわからないと、どうしたら助けになるのでしょうか？ – crazymatt

、私はちょうど

.btn { 
    border:none; 
}

.btnあなたbtnクラスにこのCSSを適用することをお勧めするために使用するoutline:noneブートストラップ

出典

2017-10-04 18:28:11

でスタイルのすべてのボタンが使用するようにしてくださいbtn境界線の背景を削除する

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

あなたは、関連するHTMLとCSSを追加する必要が


 

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

出典

2017-10-04 19:02:34

ブートストラップボタンが青色の枠線を表示していますか？

答えて

でスタイルのすべてのボタンが使用するようにしてくださいbtn境界線の背景を削除する

関連する問題