附带的屏幕截图来自OS X/Firefox 3.请注意,中心选项卡(图像)周围有一条虚线,显然是因为它是最近选择的选项卡.有没有办法可以消除CSS或JavaScript中的虚线?(嗯......免费的图像托管服务减少了图像的大小.但是如果你能看到它,你会注意到块周围的虚线选择区域.)
屏幕截图http://www.freeimagehosting.net/uploads/th.fadf78173b.png
您需要将以下行添加到您的css:
a:active, a:focus { outline-style: none; -moz-outline-style:none; }
(当然,假设您的选项卡是使用a元素完成的.)
[编辑]根据其他人的要求,对于未来的观众,应该注意的是,轮廓对键盘导航器至关重要,因为它指定了您的选择位置,因此,提示您的下一个"标签"可能去哪里.因此,不建议删除此虚线选择.但如果您认为有必要,了解如何做到这一点仍然很有用.
正如评论中所提到的,如果您只处理FF> v1.5,请随意省略-moz-outline-style:none;