jquery - 如何删除按钮上的默认 Bootstrap 效果 appyid？

Question

我在我的网页中添加了一个 Bootstrap 按钮。当我单击该按钮时，它会显示按钮周围的轮廓，指示按钮上的焦点，如下图所示: .

但我想删除该默认效果。

这是这个按钮的代码:

<button type="button" class="btn btn-default dropdown-toggle"  data-toggle="dropdown" id="dropdownBtn" style="background:white;border-top-width:5px;border-right-width:5px;border-bottom-width:5px;border-left-width:1px; border-color:#eee;height:42px;border-radius:0px;text-align:center;color:black; margin-right:20px;">Select<span class="caret"></span></button>

所以请任何人告诉我任何解决方案。

Answer 1

如果您想删除虚线轮廓，请执行此操作，但首先删除该内联样式并将其全部放在样式表中。

button:focus, button:active {
    outline: none;
}