css - (CSS？)消除浏览器在超链接图像周围的 'selected' 行？

Question

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

Screen Shot http://www.freeimagehosting.net/uploads/th.fadf78173b.png

Answer 1

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

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

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

[edit] 根据其他人的要求，对于 future 的浏览者来说，应该注意的是，大纲对于键盘导航器来说是必不可少的，因为它指定了您的选择所在的位置，因此，提示您的位置下一个“选项卡”可能会消失。因此，不建议删除此虚线选择。但是，如果您认为有必要，了解您将如何做仍然很有用。

如评论中所述，如果您只处理 FF > v1.5，请随意省略 -moz-outline-style:none;