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

发布时间：2020-12-14 23:51:59 所属栏目：资源来源：网络整理

导读：奇怪的问题我认为更多的是我不确定它叫什么.但是我有一个链接的img 例 ...li a href="#link" img ... /a /li ..... 现在我将css边界规则全部设为0.所以它们没有蓝色边框.但是在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;
}

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!