css - 如何修复禁用的文本突出显示？

Question

文本突出显示不适用于我的 asp.net web 应用程序中使用最新版本的 FireFox 和 Google Chrome 的所有输入字段(CTRL+A 也不起作用)。我还不能测试旧版本。使用 Edge，它可以正常工作。

详细信息:双击文本或在按住鼠标左键的同时将鼠标移到文本上不会突出显示文本。令人惊讶的是，拖动和复制/粘贴确实有效。所以文本实际上被选中但没有突出显示。

我在我的 CSS 中搜索了 disable-select 但找不到一个匹配项。

还有什么地方可以寻找原因的建议吗？

Answer 1

您需要搜索的属性不是disable-select，而是user-select。例如

-webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
          user-select: none;

您可以查找的另一个属性是:Chrome 的 ::selection 和 Firefox 的 ::-moz-selection。

此外，您还可以更改测试的默认选择颜色:

::selection {
  background: #FF0000;
}
::-moz-selection {
  background: #FF0000;
}