我正在Bootstrap 3中工作并尝试删除按钮的阴影/轮廓.我目前的代码部分地执行了此操作.单击按钮时,轮廓仍会显示为瞬间.
.btn:active,.btn:focus,.btn.active {
background-image: none;
outline: 0;
-webkit-Box-shadow: none;
Box-shadow: none;
}
最佳答案
你错过了这个：
.btn.active.focus,.btn.active:focus,.btn.focus,.btn.focus:active,.btn:active:focus,.btn:focus {
outline: thin dotted;
outline-offset: -2px;
}
所以你需要重置它. (！重要仅用于演示 – 请勿在开发代码中使用)
片段
.container-fluid {
text-align: center;
}
body .btn {
height: 170px;
width: 170px;
border-radius: 50% !important;
outline: 0 !important;
}
.btn.active.focus,.btn:focus {
outline: 0 !important;
outline-offset: 0 !important;
background-image: none !important;
-webkit-Box-shadow: none !important;
Box-shadow: none !important;
}