user-select: none 在表格中需直接作用于 td/th 元素才生效，因不继承、表单控件覆盖及移动端长按气泡问题，必须显式设置目标单元格及其子元素，并配合 -webkit-touch-callout: none 和 touch-action: pan-y 等兼容处理。
user-select: none 在表格里直接加到 <td> 或 <th> 上就能生效，但多数人漏掉三件事：表单控件覆盖、继承失效、移动端长按气泡。
为什么给 <table> 加 user-select: none 没用
因为 user-select 不继承，<td> 里的数字或文本默认仍是可选的。即使你写了 table { user-select: none; }，浏览器也不会把该值传给子元素——它只作用于当前元素自身的文本渲染层。
- 必须显式设置目标单元格：
td.numeric, th.numeric { user-select: none; } - 如果单元格里嵌了
<span>或<div>，这些子元素也要单独设，或者用td.numeric * { user-select: none; } - 别依赖父级样式“兜底”，
<input type="number">这类控件哪怕在td里，也会无视父级user-select
<td> 里有输入框或编辑态内容怎么办
只要 contenteditable="true" 或是原生表单控件（<input>、<textarea>），user-select: none 就会被浏览器强制忽略——这是规范行为，不是 bug。
- 若需禁用编辑+禁选中，改用
readonly+pointer-events: none，再配视觉降级（如background: #f5f5f5） - 若保留可编辑但防误触，
user-select: none无效，得靠touch-action: pan-y（移动端）或限制双击区域 - 富文本单元格（如
div[contenteditable="true"]）必须在其自身上写user-select: text，否则光标无法定位
移动端 Safari 长按仍弹菜单？补这两行
iOS Safari 对未设 -webkit-touch-callout 的块级元素存在微小窗口期，双击或长按可能触发系统菜单，和 user-select 是否生效无关。
立即学习“前端免费学习笔记（深入）”；
- 必须加：
-webkit-touch-callout: none;—— 直接干掉那个讨厌的气泡 - 配合：
touch-action: pan-y;—— 告诉浏览器“这区域只允许上下滚动，别当点击目标” - 前缀顺序不能错：
-webkit-user-select: none;必须在user-select: none;之前，否则旧版 Chrome 可能不认
哪些数值单元格可以安全加 user-select: none
仅适用于明确“非操作意图”的静态数值展示，比如状态码、ID、金额（只读）、时间戳。加错位置反而损害可用性。
- ✅ 安全：
<td class="id-cell">12345</td>、<th class="status-code">200</th> - ❌ 危险：
<td><input value="100"></td>、<td contenteditable>100</td>、带链接的金额（<a href="#">¥99.00</a>） - ⚠️ 注意：加了之后 Ctrl+A 仍可能选中整行其他文字，
user-select不影响键盘选中逻辑
真正难的不是写对那几行 CSS，而是判断哪一列数值真的不该被复制——用户偶尔需要导出或核对，一刀切禁用反而增加支持成本。
