禁用文本高亮 - CSS

在CSS中，可以通过设置text-decoration属性来禁用文本的高亮效果。下面是用于禁用文本高亮的CSS样式代码片段：

/* 禁用文本高亮 */
.disable-highlight {
  -webkit-touch-callout: none; /* 禁用长按链接时的默认弹出菜单 */
  -webkit-user-select: none; /* 禁用选择文本 */
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

将上面的代码添加到CSS文件中或使用内联样式的方式，然后将disable-highlight类应用到需要禁用高亮的元素上。

解释

• -webkit-touch-callout 属性控制长按链接时的默认弹出菜单是否显示，默认情况下长按链接会显示选择复制菜单。将其设置为none可以禁用这个默认菜单。
• -webkit-user-select、-khtml-user-select、-moz-user-select、-ms-user-select 和 user-select 属性控制文本选中的行为。将其设置为none可以禁用文本的选中。

使用这个CSS样式类，可以方便地禁用文本高亮，适用于一些特定的应用场景，例如需要禁用网页中的代码片段或者敏感信息的高亮/select行为。

请注意，这只会禁用文本的高亮/选择，不会影响其他CSS样式和交互功能。

希望这个介绍对你有帮助，如果有任何问题，请随时向我提问！