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

Question

我现在正在学习 HTML/CSS，所以为了好玩，我做了这个看起来像 cookie-clicker 的小东西: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”添加到你想要的元素