9

当我点击它时,如何避免选择一个 div 并隐藏突出显示?
我想隐藏虚线轮廓:
如果我想隐藏什么,这是一个屏幕截图

(无法显示截图,这里是:http: //i.stack.imgur.com/3OKaP.png

4

7 回答 7

13

它可以用一个 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>
于 2013-02-26T06:47:00.860 回答
12

使用outline:noneoutline:0

在这里检查类似的

于 2013-02-26T06:49:58.973 回答
4

这在我的情况下有效:

元素 {

-webkit-tap-highlight-color:透明;

}

根据 Mozilla Docs

于 2019-02-19T22:48:10.630 回答
2

添加outline:0;到您的div.

我通常在 IE 上比其他浏览器看到这个问题。

参考这里了解更多信息:

于 2013-02-26T06:43:56.867 回答
0

不确定这是否是您要查找的内容,但请查看Chris Coyers 的文章(删除虚线轮廓)

但是,如果您根本不设置替代活动状态,请考虑可用性问题。但我猜克里斯无论如何都会提到这一点。

于 2013-02-26T06:44:36.193 回答
0
*:focus{outline:none}
  • 请将此代码添加到您的 css 文件中。这是css问题
于 2013-02-26T09:38:34.070 回答
0

添加“a”非常重要,表示您正在为链接添加它:

<style>
.disableSelection a {
outline: 0;
}
</style>
于 2018-05-02T16:16:33.143 回答