Hide the selection outline after selecting a new tab

Question

I am using bootstrap and I am annoyed by the tiny outline that appears around the tab link, after each tab is selected. Is there any way to remove it?

I tried using the trick below, but it did not help

a:active {
    outline: none;
}

Left image is what I get. Right image is what is should be.

Answer 1

This is the solution for the whole page

html * {
 outline: 0 !important;
}