Firefox 在图像链接周围显示蓝色框

Question

我的网站上所有这些图像周围都有一个锚标记。当您单击它时，它会滚动到 id“模板”。

<a class="hi" href="#template"><img src="images/01.png" /></a>

我已经尝试了书中的每一个技巧。

a img{border:none; outline: none;}

border=0在图像标签本身中。

无论我做什么，一旦您单击图像，图像周围总会有一个蓝色边框。单击任意圆形图像（朝底部）以供参考。请记住，要在 Firefox 中查看。

谢谢！

Answer 1

图像周围的虚线边框是标签的轮廓<a>。因此，当您删除其中的边框和轮廓时，img这将不是解决方案。

解决办法是

我们不需要编写太多代码。在这里试试：

a { /* Remove all the outline border all in our document. */
   outline: none;
}

Answer 2

我可以通过将锚点颜色设置为透明来删除边框：

a.hi {
  color: transparent;
}