css 不允许选中

作者：你没有爱过我发布日期:2026-04-30 浏览:66

/* 禁止用户选中文本 */
.user-select-none {
  user-select: none; /* 标准语法 */
  -moz-user-select: none; /* Firefox */
  -webkit-user-select: none; /* Safari 和 Chrome */
  -ms-user-select: none; /* Internet Explorer 10+ */
}

解释说明：

user-select: none; 是标准的 CSS 属性，用于禁止用户选中文本。
为了兼容不同的浏览器，还需要添加带前缀的属性：
- -moz-user-select: none; 适用于 Firefox 浏览器。
- -webkit-user-select: none; 适用于基于 WebKit 的浏览器，如 Safari 和 Chrome。
- -ms-user-select: none; 适用于 Internet Explorer 10 及以上版本。

将需要禁止选中的元素应用 .user-select-none 类即可。

上一篇：css 样式穿透

下一篇：文字渐变css