user-select: none 单独无效，须组合 -webkit-touch-callout: none 与全前缀 user-select 声明并作用于具体元素；ios 中长按菜单由 callout 控制，非 user-select；android 需全前缀；input 等可编辑元素需显式重置。
只写 user-select: none 基本无效，iOS Safari 和多数 Android WebView 都会无视它——必须组合 -webkit-touch-callout: none 与全前缀 user-select 声明，且作用在具体元素上，不能靠继承。
为什么 user-select: none 单独写没用
iOS Safari 把「文本高亮」和「长按唤出系统菜单」当成两件事处理：user-select: none 只影响前者，对后者完全无感。你看到的“复制”“搜索”气泡，是 WebKit 内核直接调用系统 callout 框的结果，CSS 层面无法绕过。
-
-webkit-touch-callout: none才是 iOS 禁止该菜单的关键属性，且必须放在 CSS 声明的第一行，否则某些 WebView 会跳过 - Android 不识别
-webkit-touch-callout，但加了无害；而user-select各前缀缺一不可：漏掉-webkit-user-select，iOS 上等于没写；漏掉标准user-select，新版 Chrome 可能回退到auto - 空容器、
pointer-events: none区域、未设min-height或width的元素，user-select很可能被浏览器直接忽略
真正生效的最小 CSS 组合
必须同时声明，顺序不能错（后写的优先级更高），且作用于目标元素本身（不是父容器）：
.no-select {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
- 别用
* { ... }或body { ... }全局设置——<input>、<textarea></textarea>、[contenteditable="true"]会被强制忽略，但光标定位、输入法、双击选词会全崩 - 若已全局禁用，必须显式重置这些元素：
input, textarea, select, button, [contenteditable="true"] { user-select: text; } - 对动态插入内容（如
v-html或dangerouslySetInnerHTML），外部样式无法穿透 Shadow DOM 或内联 HTML，得在组件内部或通过属性选择器控制：[data-role="label"] { ... }
哪些地方加了也白加，还容易坏事
这些元素上强行加 user-select: none，浏览器会直接无视，但副作用真实存在：
-
<input type="text">、<textarea></textarea>：焦点态下必然可选，加了反而干扰光标定位和输入法行为 -
[contenteditable="true"]：编辑能力优先级高于 CSS，禁用后富文本光标失灵、粘贴异常 -
<img>的alt文本：iOS 长按时仍可高亮，得设alt=""或改用背景图 - 带
tabindex="0"或role="button"的容器：Android Chrome 可能允许双击选中，CSS 无法覆盖
真要控制输入区域，focus 时移除 class，blur 后恢复；或用 readonly + pointer-events: none 模拟只读态，再 JS 拦截 contextmenu。
微信、钉钉等定制 WebView 必须 JS 兜底
微信 X5、QQ 浏览器、部分安卓厂商 WebView 对 -webkit-touch-callout 支持极差，CSS 方案大概率失效。
- 给目标元素绑定
touchstart并立即调用e.preventDefault()，但注意：这会同时禁掉滚动，不能乱用在可滚动容器上 - 更安全的做法是监听
selectstart事件：element.addEventListener('selectstart', e => e.preventDefault())，它只阻止高亮，不影响滚动和点击 - 如果用了
touch-action: manipulation，记得它只告诉浏览器“这个区域只响应点击”，对长按菜单无直接作用，但能显著降低误触发概率
最常被忽略的一点：iOS 上 ::-webkit-text-selection 样式完全不生效，别白费力气改选中色——平台限制，不是你代码写错了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
