jquery - Bootstrap Toggleable Tabs - 删除轮廓/焦点？

Question

我正在使用来自 Twitters Bootstrap 的可切换标签

我遇到的问题，即使你也可以从示例中看到。当用户单击选项卡时，事件选项卡周围有虚线边框。

我使用的是 Firefox 11。问题截图:

我希望摆脱虚线边框。有谁知道你是怎么做到的？

谢谢

Answer 1

尝试在链接元素上使用 outline: 0;。见css-tricks.com/removing-the-dotted-outline

//line 2576 of bootstrap.css
.nav-tabs > .active > a, .nav-tabs > .active > a:hover { 
outline: 0;
color: #555555;
background-color: #ffffff;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default;
}