单击时禁用DIV选择

Question

当我点击它时，如何避免选择div并隐藏突出显示？ 我想隐藏虚线轮廓：

（无法显示屏幕截图，此处为：http://i.stack.imgur.com/3OKaP.png）

Answer 1

使用outline:none或outline:0

检查类似的here

Answer 2

可以使用css类完成。 喜欢。如果这是你的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>

Answer 3

将outline:0;添加到div。

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

参考here了解更多信息：

Answer 4

在我的情况下，此方法有效：

元素{

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

}

按 Mozilla Docs

Answer 5

不确定这是否是您正在寻找的内容，但请检查Chris Coyers article (Removing The Dotted Outline) on this

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

Answer 6

*:focus{outline:none}

• 请在您的css文件中添加此代码。这是css问题

Answer 7

添加＆＃34; a＆＃34;非常重要，说你要为链接添加它：

<style>
.disableSelection a {
outline: 0;
}
</style>