当我点击它时,如何避免选择一个 div 并隐藏突出显示?
我想隐藏虚线轮廓:
(无法显示截图,这里是:http: //i.stack.imgur.com/3OKaP.png)
它可以用一个 CSS 类来完成。像 .if 这是你的 div :
<div class='disableSelection'>text</div>
然后应用这个 css 。
<style>
.disableSelection{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: 0;
}
</style>
使用outline:none
或outline:0
在这里检查类似的
不确定这是否是您要查找的内容,但请查看Chris Coyers 的文章(删除虚线轮廓)
但是,如果您根本不设置替代活动状态,请考虑可用性问题。但我猜克里斯无论如何都会提到这一点。
*:focus{outline:none}
添加“a”非常重要,表示您正在为链接添加它:
<style>
.disableSelection a {
outline: 0;
}
</style>