::selection 不能禁用复制，因为它仅控制选中文本的样式；禁用复制需在真实元素上设置 user-select: none 等属性，且无法真正防止文本被获取。
为什么 ::selection 不能禁用复制
::selection 只控制选中文本的样式（比如背景色、颜色），它对是否能选中、能否复制完全没影响。很多人试过给 ::selection 加 user-select: none，但这是无效的——伪元素不支持 user-select，浏览器会直接忽略这条声明。
真正禁用文本选择得用 user-select 本身
禁用选中（从而间接阻止复制）必须作用在真实元素上，通过 user-select 属性实现。注意它的取值行为：
-
user-select: none：完全禁止鼠标/触屏选中，但键盘 Ctrl+A 仍可能生效（取决于浏览器和父级设置） -
user-select: contain：允许在该元素内选中，但无法跨出边界（适合隔离一段不可外泄的文本） -
-webkit-user-select: none和user-select: none都要写，前者兼容旧版 Safari/Chrome - 对
<input>或<textarea></textarea>无效，它们有独立的交互逻辑
常见误用场景与绕过风险
单纯加 user-select: none 并不等于“防复制”，用户仍可通过以下方式获取文本：
- 右键 → “查看页面源代码” 搜索对应文字
- 开发者工具中直接选中 DOM 节点并复制
textContent - 禁用 CSS 后，
user-select失效，选中恢复 - 屏幕阅读器或打印样式表可能绕过该限制
如果目标是保护敏感文案（如临时令牌、密钥片段），仅靠前端样式毫无意义——这类内容本就不该出现在 HTML 中，应由后端动态渲染或 JS 运行时注入（且依然不绝对安全）。
一个稳妥的局部禁用示例
假设只想让段落中某几个词不可选，又不影响其他文本：
<p>订单号：<span class="no-select">ORD-7X9F2</span>，请妥善保管</p>
.no-select {
-webkit-user-select: none;
user-select: none;
}
注意：不要对整页或大块容器设 user-select: none，会影响可访问性（如视力障碍用户依赖屏幕阅读器选中朗读），也违反 WCAG 基本原则。
真正难处理的是既要显示敏感文本，又要防止被轻易复制——这时候就得接受一个事实：纯前端做不到可靠防护，只能提高门槛，而非构筑防线。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
