引导的可切换标签 - 删除大纲/焦点？ [英] Bootstrap's Togglable Tabs - Removing outline / focus ?

问题描述

我使用了

  //第2576行的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; 
} 
  

I am using Toggable Tabs from Twitters Bootstrap

The problem I have, Even you can see from the example too. That when the user clicks the tab, The active tab has the dotted border around it.

I am using Firefox 11. Screenshot of the issue:

I am looking to get rid of that dotted border. Does anyone know how you do this?

Thanks

解决方案

try using outline: 0; on the link element. see 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;
}

这篇关于引导的可切换标签 - 删除大纲/焦点？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！