如何去除html中点击元素的虚线

我发现如果页面中有a链接没有链接到一个新的页面，那么当用户点击它时，这个元素周围会出现一条虚线，只有在用户点击页面中的其他内容时才会消失，如何删除这个？

例：

注意元素Section 2的虚线。

Answer 1

使用outline:none来锚定标签类

Answer 2

就像@Lo Juego所说的那样，阅读文章

 a, a:active, a:focus { outline: none; } 

Answer 3

 a { outline: 0; } 

但改变之前阅读这个：

除去最点缀外形

Answer 4

尝试与!important的css 。

 a { outline:none !important; } 

Answer 5

删除所有虚构的轮廓，包括bootstrap主题中的那些轮廓。

 a, a:active, a:focus, button, button:focus, button:active, .btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus { outline: none; outline: 0; } input::-moz-focus-inner { border: 0; } 

注意：你应该在主CSS之前添加引导CSS的链接href，所以bootstrap不会覆盖你的样式。

Answer 6

它简单的尝试下面的代码 –

 a{ outline: medium none !important; } 

如果快乐的欢呼！ 美好的一天