css - 在文本输入元素上禁用用户选择

Question

这里有点奇怪，我试图阻止用户在文本输入中突出显示文本，但下面的标准代码不起作用。

-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

jsfiddle 说明问题 - https://jsfiddle.net/z0L4cj3n/7/

在浏览器中检查 css 时，“user-select: none;”处于事件状态但没有任何区别，我的 css 中是否还有其他内容覆盖了此行为？我什至尝试将上述代码添加到特定输入中，但没有结果。

编辑:添加

pointer-events: none;

不是一个选项，因为我有悬停效果和由输入触发的 jQuery 事件。

Answer 1

尝试使用

pointer-events: none;

在 CSS 中