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

Question

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

例

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

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

Answer 1

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

要删除它，只需使用：

a {
    outline: none;
}

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

* {
    outline: none;
}

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

Answer 2

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

Answer 3

安装Firebug，看看发生了什么。 我认为发生的事情是img tag可能有一个默认的边框。

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

你的HTML：

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

并使用以下CSS：

 #test img { border-style: none; }