点击链接后出现虚线边框

Question

单击时，超链接周围会出现虚线边框。我想删除出现在链接周围的虚线边框（仅在 Firefox 中发生）。我将以下样式应用于锚标记：

a, a:hover, a:link, a:active {
    text-decoration: none;
    color: #777777;
}

链接显示正常>单击链接>出现此框>单击外部某处时消失

网址：http://www.boxleak.in/ritgan

P.S.：Bootstrap 也包括在内。

Answer 1

锚链接（<a>'s）默认情况下在它们周围有一个虚线轮廓 他们变得“活跃”或“专注”。

试试

a:hover, a:active, a:focus {
  outline: 0;
}

阅读 - https://css-tricks.com/removing-the-dotted-outline/

Answer 2

基本上它是<a> 标签的默认焦点样式。使用 a:focus 可以移除该边框。

a:focus {
 outline: none;
}