小编典典

是否可以在快速单击时防止Chrome中的元素以蓝色突出显示?

css

大多数时候,我并不担心,但是我有一个图像轮播,如果我快速单击下一个和上一个div,它们会在Chrome中突出显示。

我尝试使用outline:none,但没有效果。有什么解决办法吗?


阅读 285

收藏
2020-05-16

共1个答案

小编典典

除了Floremin提供的链接(该链接使用JavaScript清除文本选择以“清除”选择内容)之外,您还可以使用纯CSS来完成此操作。CSS在这里…

.noSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

只需将class="noSelect"属性添加到要应用此类的元素即可。我强烈建议您尝试一下此CSS解决方案。使用JavaScript没错,我只是相信这样做可能会更容易,并且可以在代码中进行一些整理。

对于android -webkit-tap-highlight-color: transparent;上的 chrome
是您可能要尝试在Android中获得支持的附加规则。

2020-05-16