CSS - 点击链接后有没有办法摆脱选择矩形？

Posted 2023-03-25

【中文标题】CSS - 点击链接后有没有办法摆脱选择矩形？

【英文标题】：CSS - Is there a way to get rid of the selection rectangle after clicking a link?

【发布时间】：2010-09-15 19:45:09

【问题描述】：

当点击一个没有完全刷新当前页面的链接时，有没有办法摆脱选择矩形？

【参考方案1】：

您是指目标的虚线轮廓吗？

试试：

:focus 
    outline: 0;

这将删除所有焦点轮廓。它本质上与 javascript 术语中的 onclick 相同。您可能更愿意将此应用于a:focus。

【讨论】：

正如对下面链接的问题的回答中指出的那样：“大纲对于键盘导航器来说是必不可少的，因为它指定了您的选择在哪里，因此，提示您的下一个'选项卡在哪里' 可能会消失。因此，不建议删除此虚线选择。”

我同意，我经常添加自己的焦点效果。例如，图像的不透明度降低和导航项的背景/颜色变化。

【参考方案2】：

尝试添加这个：

onclick="this.blur()"

这里也讨论过

(CSS?) Eliminating browser's 'selected' lines around a hyperlinked image?

【讨论】：

使用 CSS 焦点属性更容易，但它适用于旧版浏览器。