我的网页上有一个引导按钮。当我点击该按钮时,它会向我显示按钮周围的轮廓,指示按钮上的焦点,如下图所示:
但我想删除默认效果。
以下是此按钮的代码:
<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>
所以,任何人都可以告诉我任何解决方案。
答案 0 :(得分:3)
如果要删除虚线轮廓,请执行此操作,但首先删除该内联样式并将其全部放在样式表中。
button:focus, button:active {
outline: none;
}