单击Bootstrap删除焦点属性

Question

我有一个使用Bootstrap的带有下拉菜单的导航栏.我在下拉列表项周围创建了一个边框,使其看起来好像是一个标签.边界只在焦点上.用户单击选项卡以将其切换为关闭,但边框仍显示在那里,因为它仍处于焦点位置.如何在点击后删除焦点？

这是CSS

    #refine2 .dropdown-toggle:active {background-color:transparent; border:0;} #refine2 .dropdown-toggle:focus {border-top: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; background-color:transparent;}

Answer 1

快速修复：outline:0;在 css 中设置。这应该删除边框。