点击DIV时禁用选择功能

Question

如何避免在点击div时选择它并隐藏高亮显示？我想隐藏虚线轮廓：
（屏幕截图无法显示，请查看链接：http://i.stack.imgur.com/3OKaP.png）

- krasatos

---

无法显示图像，但猜测描述已经足够。谢谢 - krasatos

Answer 1

可以通过CSS类来实现。比如，如果这是你的

：

<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>

- Tarun Kumar

Answer 2

使用outline:none或outline:0

查看类似的这里。

- Sowmya

Answer 3

在我的情况下，这个方法可行：

元素 {

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

}

根据Mozilla文档。

- philipeachille

Answer 4

在你的 div 上添加 outline:0;。

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

更多信息请参见这里：

- Raphaël VO

Answer 5

非常重要的是添加“a”，以表示您正在为链接添加它：

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

- Gediminas Šukys

Answer 6

不确定这是否是您要寻找的内容，但请查看{{link1：Chris Coyers文章（删除虚线轮廓）}}

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

- escapedcat

Answer 7

*:focus{outline:none}

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

- Saif Khan