html - 如何摆脱 Firefox 中用作链接的边框和图像？

Question

奇怪的问题我想更多的是我不确定它叫什么。但是我有一个包含在链接中的 img

例子

...<li>
  <a href="#link">
    <img ...>
  </a>
 </li> .....

现在我将 css 边框规则全部设置为 0。因此它们没有蓝色边框。但在 Firefox 中，只有当我单击图像时，它们似乎才是粉红色的迷你虚线边框？在其他浏览器中，任何时候都没有边框。我不确定它是来自浏览器本身还是我遗漏的东西。在我的 css 中，我在 a,:hover,:visited 上将边框设置为 0 我什至将文本装饰设置为 none 认为这可能有帮助。但要知道有什么用。我试着在网上搜索帮助，但我得到的只是关于删除因将图像放在链接中而导致的边框的信息。因此，任何帮助或指向正确方向的观点都会很棒。 !编辑//我添加了一张图片以更好地解释我在说什么。

Answer 1

链接(<a> 的)默认情况下在变为“事件”或“聚焦”时周围有虚线轮廓。在 Firefox 3 中，颜色由文本的颜色决定

要删除它，只需使用:

a {
    outline: none;
}

或者你可以做我做的，把它从所有元素中移除(我使用我自己的焦点/事件规则)然后做

* {
    outline: none;
}

这将从所有元素中删除它。