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

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

如何解决《CSS-点击链接后有没有办法摆脱选择矩形?》经验,为你挑选了2个好方法。

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



1> Ross..:

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

尝试:

:focus {
    outline: 0;
}

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


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

2> Lou Franco..:

尝试添加此:

onclick="this.blur()"

这里也讨论过

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


使用CSS焦点属性更容易,但这适用于旧版浏览器.
推荐阅读
虎仔球妈_459
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有