链接点击后出现虚线边框

Question

单击时,超链接周围会出现虚线边框.我想删除链接周围出现的虚线边框(仅在firefox中发生).我将以下样式应用于锚标记:

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

链接显示正常>单击链接>此框出现>在外面的某处单击时关闭

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

PS:Bootstrap也包括在内.

Answer 1

锚链接(<a>默认情况下)在它们变为"活动"或"聚焦"时会在它们周围呈点状轮廓.

尝试

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

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