链接点击后出现虚线边框

Question

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

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

链接显示正常＆gt;点击链接＆gt;此框出现＆gt;点击外面的某个地方

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

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

Answer 1

  

锚点链接（<a>＆＃39; s）默认情况下在它们周围有一个虚线轮廓   他们变得活跃了＃34;或者＆＃34;专注＆＃34;。

尝试

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

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

Answer 2

基本上它是<a>标记的默认焦点样式。使用：焦点，您可以删除该边框。

a:focus {
 outline: none;
}