html - 单击 Bootstrap 删除焦点属性

标签 html css twitter-bootstrap

我有一个使用 Bootstrap 的带下拉菜单的导航栏。我在下拉列表项周围创建了一个边框,使它看起来就像一个选项卡。边界只在焦点上。用户单击选项卡将其关闭,但边框仍然显示在那里,因为它仍然处于焦点状态。点击后如何取消焦点?

enter image description here

这是 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/

相关文章:

html - 将::-webkit-scrollbar 应用于一个特定元素

javascript - 检测字体系列是否更改并显示对话框

javascript - 如何阻止 Javascript 弹出窗口移动到页面顶部

javascript - 使用纯 css 从移动菜单切换到默认菜单

从文件外部包含时,Javascript 代码不起作用

html - 如何在 Bootstrap 中集中响应地对齐图像?

javascript - 如何使 Div 中的文本不可选择/不可复制?

css - 哪个 CSS 选择器性能更快?类中的类与类中的标签名?

twitter-bootstrap - 对齐图像和图标 (CSS/Bootstrap)

html - 使用 bootstrap/css 根据屏幕大小更改背景图像的高度