鼠标左键向下显示 IE 选项卡上的虚线轮廓

Question

我在 IE 中遇到了一个奇怪的问题。我在我的网页上使用引导选项卡。

问题： 当我在选项卡上单击并按住它时，它会在选项卡周围显示虚线轮廓。这不会在 Chrome 中发生，而仅在 IE 中发生。顺便说一句，我正在使用 IE11。请看下面的截图，我在 IE11 上按住鼠标左键单击选项卡。

只要我松开鼠标按钮，轮廓就会消失，因为我已经为它提供了以下 CSS 代码：

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

当用户在选项卡上按下鼠标左键时，有人可以告诉我如何摆脱轮廓吗？我通常理解，当用户点击它时，它会在几分之一秒内显示虚线轮廓，然后它就会熄灭。但是来来去去对我来说并不好看，我想摆脱它。

提前致谢。

Answer 1

把css点赞

a:focus {
    outline: 0;
}

Answer 2

添加:active伪类

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