如何删除点击html元素周围的虚线

Question

我发现如果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;
}
// it is `very important` that there is `no` `outline` for the `anchor` tag.  Thanks!

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之前为bootstrap css添加链接href,因此bootstrap不会覆盖您的样式.