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

Posted

技术标签:

【中文标题】如何修复禁用的文本突出显示?【英文标题】:How to fix disabled text highlighting? 【发布时间】:2019-08-10 05:13:40 【问题描述】:

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

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

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

还有什么建议可以在哪里寻找原因?

【问题讨论】:

【参考方案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;

【讨论】:

【参考方案2】:

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

::selection 
    text-shadow: none;

我改成了:

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

现在突出显示适用于所有浏览器!为什么它不适用于默认设置,我想不通。

【讨论】:

【参考方案3】:

这最终会在使用游戏鼠标或在游戏中使用时发生。启用自动开火或其他类似的鼠标功能更改将导致这种行为。 您可以做一些事情来尝试关闭这些: - 检查你的鼠标是否有这样的功能按钮 - 分析鼠标用户手册,了解按下某些按钮组合时的鼠标功能增强功能 – 安装制造商鼠标应用程序(如果有) – 设置这些时使用相同的游戏,将它们反转

【讨论】:

以上是关于如何修复禁用的文本突出显示?的主要内容,如果未能解决你的问题,请参考以下文章

如何禁用文本选择突出显示

如何禁用 html 或 JS 中的突出显示?

在 DocumentViewer 中禁用文本选择

CSS css规则禁用文本选择突出显示

CSS 禁用文本选择突出显示

禁用文本选择突出显示