CSS-在Chrome中禁用双击自动选择

塞缪尔·福埃(Samuel Faure)

我现在正在学习HTML / CSS,所以我做了一个类似cookie-clicker的小趣味游戏:http : //jsfiddle.net/Zerh/6kb87sp9/

我的问题是:如果我在任何按钮上单击得太快(双击),它将突出显示一个选择。我使用以下CSS来隐藏突出显示的内容:

::selection {
   background: transparent;
}
::-moz-selection {
   background: transparent;
}

它似乎可以在Firefox / Edge上运行,但是我无法在Chrome上运行。

我发现了这个旧主题:如何使用CSS禁用文本选择突出显示?,但它已经6岁了,似乎对我不起作用。

佩德罗·卡瓦莱罗(Pedro Cavaleiro)

我认为这将禁用任何元素

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

我认为这将解决您的问题,您只需要在所需的元素上添加“ noselect”类即可

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章