有没有办法在HTML页面上使文本无法选择？

Question

有没有办法在HTML页面上使文本无法选择？我正在构建一个包含一些文本元素的HTML UI，例如选项卡名称，这些元素在选中时看起来很糟糕。不幸的是，用户很容易双击选项卡名称，默认情况下会在许多浏览器中选择它。我或许可以通过JavaScript技巧来解决这个问题（我也希望看到这些答案） - 但我真的希望CSS / HTML中的某些东西直接适用于所有浏览器。

Answer 1

所有正确的CSS变体都是：

-webkit-touch-callout: none;

-webkit-user-select: none;

-khtml-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

user-select: none;