Bootstrap的Togglable标签 - 删除轮廓/焦点？

Question

我正在使用Twitters Bootstrap的 Toggable Tabs

我遇到的问题,即使你也可以从例子中看出来.当用户单击选项卡时,活动选项卡周围有虚线边框.

我正在使用Firefox 11.问题的屏幕截图:

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

谢谢

Answer 1

尝试使用outline: 0;link元素.请参阅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;
}

Answer 2

你的意思是大纲,你可以删除它如下:

.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
  outline:none;
}

虽然我建议你留下它,因为它部分是为了帮助残疾人和屏幕阅读器正确显示你的内容,所以你会通过删除它来影响可用性.

Answer 3

在页面上使用以下CSS:

html * {
    outline: 0 !important;
}