引导按钮显示蓝色边框?
问题描述:
我使用引导模板将按钮添加到我的网站。在改变按钮的颜色后,我注意到每个按钮上都有一个浅蓝色的轮廓......我一直在试图找到一种方法去除这个边框,但我不确定它为什么会出现。有没有办法去除这个边界?引导按钮显示蓝色边框?
答
有了不再看到你的代码,我建议只把它运用CSS的btn
类
.btn {
border:none;
}
.btn
应通过引导
答
使用
使用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>
你需要添加相关的HTML和CSS。除了猜测之外,如果我们看不到你做了什么,我们应该如何提供帮助? – crazymatt