我有一个使用 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;}
最佳答案
快速修复:在 css 中设置 outline:0;
。这应该删除边框。
关于html - 单击 Bootstrap 删除焦点属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34439513/