当前位置:  开发笔记 > 编程语言 > 正文

(CSS?)消除浏览器在超链接图像周围的"选定"行?

如何解决《(CSS?)消除浏览器在超链接图像周围的"选定"行?》经验,为你挑选了1个好方法。

附带的屏幕截图来自OS X/Firefox 3.请注意,中心选项卡(图像)周围有一条虚线,显然是因为它是最近选择的选项卡.有没有办法可以消除CSS或JavaScript中的虚线?(嗯......免费的图像托管服务减少了图像的大小.但是如果你能看到它,你会注意到块周围的虚线选择区域.)

屏幕截图http://www.freeimagehosting.net/uploads/th.fadf78173b.png



1> Dave Rutledg..:

您需要将以下行添加到您的css:

a:active, a:focus { outline-style: none; -moz-outline-style:none; }

(当然,假设您的选项卡是使用a元素完成的.)

[编辑]根据其他人的要求,对于未来的观众,应该注意的是,轮廓对键盘导航器至关重要,因为它指定了您的选择位置,因此,提示您的下一个"标签"可能去哪里.因此,不建议删除此虚线选择.但如果您认为有必要,了解如何做到这一点仍然很有用.

正如评论中所提到的,如果您只处理FF> v1.5,请随意省略-moz-outline-style:none;

推荐阅读
Gbom2402851125
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有