时间戳

首页 > 解决方案 > 如何修复禁用的文本突出显示？

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

问题描述

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

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

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

有什么建议可以在其他地方寻找原因吗？

标签： csscross-browserhighlighttextselection

解决方案

您需要搜索的属性不是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;

您可以查找的另一个属性是：::selectionChrome 和::-moz-selectionFirefox。

此外，您可以仅为测试更改默认选择颜色：

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

推荐阅读