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

Question

我现在正在学习HTML/CSS,所以我做了一点点cookie-clicker看起来很有趣:http://jsfiddle.net/Zerh/6kb87sp9/

我的问题是:如果我在任何按钮上点击太快(双击),它会突出显示一个选项.我使用以下CSS来隐藏突出显示:

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

它似乎适用于Firefox/Edge,但我不能让它在Chrome上运行.

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

Answer 1

我认为这将禁用任何元素

.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"添加到您想要的元素