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

Question

单击不完全刷新当前页面的链接时,有没有办法摆脱选择矩形？

Answer 1

你的意思是目标的虚线轮廓？

尝试:

:focus {
    outline: 0;
}

这将删除所有焦点轮廓.它与JavaScript中的onclick基本相同.您可能更愿意将其应用于此a:focus.

正如下面链接问题的答案中所指出的那样:"大纲对键盘导航器至关重要,因为它指定了您的选择位置,因此,提示您下一个'标签'的位置.因此,它是不可取的删除这个虚线选择." (2认同)
我同意,我经常添加自己的焦点效果.例如,导航项的图像不透明度降低和背景/颜色变化. (2认同)

Answer 2

尝试添加此:

onclick="this.blur()"

这里也讨论过