大多数时候,我并不担心,但是我有一个图像轮播,如果我快速单击下一个和上一个div,它们会在Chrome中突出显示。
我尝试使用outline:none,但没有效果。有什么解决办法吗?
除了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没错,我只是相信这样做可能会更容易,并且可以在代码中进行一些整理。
class="noSelect"
对于android -webkit-tap-highlight-color: transparent;上的 chrome 是您可能要尝试在Android中获得支持的附加规则。
-webkit-tap-highlight-color: transparent;