Bootstrap's Togglable Tabs - Removing outline / focus ? Bootstrap's Togglable Tabs - Removing outline / focus ? jquery jquery

Bootstrap's Togglable Tabs - Removing outline / focus ?


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;}


You mean the outline, you can remove it as follows:

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

Though i would suggest you leave it in, since it is there in part to help people with disabilities and screen readers display your content properly, so you would be affecting usability by removing it.


Use following CSS on your page:

html * {    outline: 0 !important;}