如何修复禁用的文本突出显示?

时间:2019-03-19 15:50:20

标签: css cross-browser highlight textselection

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

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

我在CSS上搜索了 disable-select ,但是找不到单个匹配项。

是否还有其他建议寻找原因?

3 个答案:

答案 0 :(得分: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;

您可以查找的另一个属性是:::selection(对于Chrome浏览器)和::-moz-selection(对于Firefox)。

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

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

答案 1 :(得分:0)

我发现了什么: 我的CSS中没有user-select: none。但是在Style.css中,我发现:

::selection {
    text-shadow: none;
}

我更改为:

::selection {
    text-shadow: none;
    background: #f7ea54;
    /*or any other color*/
}

现在突出显示功能适用于所有浏览器!为什么不能使用默认设置,我无法弄清楚。

答案 2 :(得分:0)

这最终将通过游戏鼠标或在游戏中使用时发生。启用自动射击或其他类似的鼠标功能更改将导致这种行为。 您可以执行以下操作来尝试关闭这些功能: –检查鼠标中是否有此类功能按钮 –按某些按钮组合时,分析鼠标用户手册以增强鼠标功能 –安装制造商的鼠标应用程序(如果有) –在设置这些游戏时使用同一游戏,以将其撤消