在 CSS 中禁用突出显示文本

当用户选择或悬浮在网页上的文本时，通常会发生文本的突出显示。这些突出显示可以是文本变粗或反色显示。

但有时候，您可能需要禁用这些突出显示效果，例如在某些网站或应用程序中，禁用用户选择文本功能可以提高安全性。

在 CSS 中，可以使用以下代码禁用文本的突出显示效果：

body {
    -webkit-user-select: none;  /* Chrome, Safari, Opera */
    -moz-user-select: none;     /* Firefox */
    -ms-user-select: none;      /* Internet Explorer/Edge */
    user-select: none;          /* Non-prefixed version, currently not supported by any browser */
}

上面的代码使用了以下 CSS 属性：

• -webkit-user-select：用于 WebKit 浏览器（如 Chrome、Safari 和 Opera）中禁用文本突出显示。
• -moz-user-select：用于 Firefox 浏览器中禁用文本突出显示。
• -ms-user-select：用于 Internet Explorer 和 Edge 浏览器中禁用文本突出显示。
• user-select：用于其他浏览器，但该属性目前尚未得到任何浏览器的支持。

如果您只想禁用某个特定元素内的文本突出显示，而不是整个页面中的文本突出显示，可以在该元素的 CSS 样式中使用上面的代码。例如：

p.no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

上面的代码将应用于所有带有“no-select”类的段落元素，禁用它们内部的文本突出显示。

总之，禁用文本突出显示可以提高网站或应用程序的安全性和隐私性。在 CSS 中，使用上面的代码可以轻松地实现这一点。