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

Question

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

例

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

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

Answer 1

<a>默认情况下,链接('s)在变为"活动"或"聚焦"时会在它们周围出现虚线轮廓.在Firefox 3中,颜色由文本的颜色决定

要删除它,只需使用:

a {
    outline: none;
}

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

* {
    outline: none;
}

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