user-select: none仅阻止鼠标拖选和双击选词，无法防ctrl+c、长按复制菜单或js调用剪贴板api；它不是防复制方案，只控制用户是否能主动选中文本。
user-select: none 在表格里只能阻止鼠标拖选和双击选词，对 Ctrl+C、长按“复制”菜单、document.execCommand 或 navigator.clipboard.writeText() 完全无效。它不是防复制方案，只是控制「是否允许用户主动选中」。
为什么给 td 加 user-select: none 还能复制
常见现象：表格单元格加了 user-select: none，但用户仍能 Ctrl+A 全选后 Ctrl+C，或在移动端长按弹出“复制”菜单。
-
user-select: none仅影响鼠标/触屏的选中行为，不干预键盘快捷键或系统级复制入口 - 移动端 Safari 和部分 Android 浏览器长按时会绕过 CSS，直接触发原生菜单，需额外加
-webkit-touch-callout: none - 若
td里嵌了input或textarea，user-select对它们根本不起作用——这是浏览器规范行为，得用readonly或disabled - 如果父级
table或tbody设了user-select: none，子元素默认不继承，必须显式写到td或th上
user-select 的取值差异与兼容性坑
不同值在表格场景下表现差异大，且跨浏览器支持不一：
-
user-select: none是唯一全平台稳定可用的值；text和all虽可恢复选择，但在 Firefox 中user-select: all对块级td不生效 -
user-select: contain（点击即整块选中且不溢出）目前仅 Chrome 支持，Safari/Firefox 忽略，表格中慎用 - 必须写全前缀：
-webkit-user-select: none、-moz-user-select: none、-ms-user-select: none、user-select: none，否则旧版 Edge 或 iOS Safari 可能失效 - 若表格用了
contenteditable="true"（比如可编辑表格），user-select会被完全忽略——此时唯一办法是给具体单元格加contenteditable="false"
表格中真正禁用复制的可行组合
单靠 CSS 无法真正防复制，但可降低误操作概率。关键是要分清「禁选中」和「禁复制」：
- 对纯文本单元格：用
user-select: none+-webkit-touch-callout: none+ 监听pointerdown并e.preventDefault()（仅限非输入区域） - 对含按钮或操作项的单元格（如
.action-cell）：加pointer-events: none，再单独给button或input设pointer-events: auto - 对只读说明文字：不要塞进
contenteditable区域内，而是放在表格外层 DOM，并配pointer-events: none+user-select: none - 绝对别给
input写user-select: none——它无效，还可能干扰光标定位；改用readonly配合视觉样式降级
真正需要阻止复制的场景，user-select 只是第一道轻量防线，背后必须配合 JS 拦截（如监听 copy 事件并 e.preventDefault()）或服务端权限控制。表格里尤其要注意 contenteditable 和表单控件的特殊行为，它们会让 CSS 选择策略直接失效。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
