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

Question

我现在正在学习HTML/CSS，所以为了好玩，我做了一个类似于cookie的小点击：http://jsfiddle.net/Zerh/6kb87sp9/。

我的问题是:如果我在任何按钮上点击太快(双击)，它会突出显示一个选择。我使用以下CSS隐藏高亮显示：

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

它似乎在Firefox/Edge上工作，但我无法让它在Chrome上工作。

我找到了一个老话题：How to disable text selection highlighting using 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“添加到您想要的元素中即可。