Html 如何去除Firefox中的边框和用作链接的图像？

奇怪的问题我想更多的是我不知道它叫什么。但我有一个用链接包装的img

范例

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

…

。。。。。

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

链接（

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

要删除它，只需使用：

a {
    outline: none;
}

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

---

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

安装Firebug并查看发生了什么。我认为现在的情况是img标签可能有一个默认的边框

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

您的HTML：

---

正确。然而，这将影响可用性和可访问性。键盘导航将更加困难。当您通过链接进行选项卡切换时，

大纲将显示出来。而是考虑使用属性赋予它一个不太令人不安的颜色。我同意，所以我说用我自己的焦点/活动规则：在伊江中缺省情况下，大纲不是被启用的，所以当我通过字段来改变背景颜色或边框颜色时：当我第一次看到你的答案时，答案的那一部分不在那里：）哦，这很有道理：）无论如何，谢谢你的提醒！您可能希望使用不同的背景图像，字体颜色稍有不同的
a:focus
。您尝试过我刚才发布的内容吗？我向你保证这是大纲：）是的，我试过了，它就是大纲。谢谢你，马科！已经开始工作了，但是谢谢。边框已设置为0，这是由css属性outline引起的
* {
    outline: none;
}

<div id="test">
  <a...>
  <img .../>
  </a>
</div>
#test img { 
  border-style: none; 
}
#link img a
{
border:0;
outline:none;
}