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

Question

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

例子

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

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

Answer 1

链接 (<a>'s) 默认情况下，当它们变得“活跃”或“聚焦”时，它们周围会有一个虚线轮廓。在 Firefox 3 中，颜色由文本的颜色决定

要删除它，只需使用：

a {
    outline: none;
}

或者你可以做我所做的，从所有元素中删除它（我使用我自己的焦点/活动规则）然后做

* {
    outline: none;
}

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

Answer 2

#link img a
{
border:0;
outline:none;
}

Answer 3

安装 Firebug 看看发生了什么。我认为发生了什么是 img 标签可能有一个默认边框。

要删除它，也许您可​​以尝试将您的 a 和 img 标签放在带有 id 的 div 中并使用以下 CSS：

您的 HTML：

<div id="test">
  <a...>
  <img .../>
  </a>
</div>

并使用以下 CSS：

#test img { 
  border-style: none; 
}