HTML – 如何摆脱边界和图像用作Firefox中的链接?

前端之家收集整理的这篇文章主要介绍了HTML – 如何摆脱边界和图像用作Firefox中的链接?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
奇怪的问题我认为更多的是我不确定它叫什么.但是我有一个链接的img

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

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

解决方法

默认情况下,链接(< a>)在它们变为“活动”或“聚焦”时具有围绕它们的虚线轮廓.在Firefox 3中,颜色由文本的颜色决定

删除它,只需使用:

a {
    outline: none;
}

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

* {
    outline: none;
}

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

原文链接:https://www.f2er.com/html/227807.html

猜你在找的HTML相关文章