user-select: none 在哪些浏览器里不生效
直接设 user-select: none 在 Chrome、Firefox、Safari（最新版）和 Edge（Chromium 内核）都有效，但老版本 Safari（
- 必须同时加
-webkit-user-select: none，否则 iOS 14 及更早、Android 6 以下基本无效 - IE10+ 支持
-ms-user-select: none，虽然现在很少见，但内网老系统还可能遇到 - 不要只写
user-select: none就以为万事大吉，实际项目中三行一起写最稳妥
为什么给 body 设了 user-select: none，input 和 textarea 还能选中文本
因为 user-select 不是强制继承属性，而且表单控件（input、textarea、select）有用户代理样式（user agent stylesheet）默认设了 user-select: text，会覆盖父级的 none。
- 想真正禁用所有可编辑区域的文本选择，得单独重置：
input, textarea, select { user-select: none; -webkit-user-select: none; } - 如果只是想防止误选，又不希望影响输入框正常使用，别全局设在
body上，改用更具体的容器类名（比如.card、.ui-button） - 注意：设成
none后，双击 input 无法触发光标定位，长按 textarea 也无法唤起系统复制菜单——这在移动端尤其明显
user-select: none 会影响 aria-label 或屏幕阅读器吗
不影响。屏幕阅读器读取的是 DOM 结构、语义属性（如 aria-label、role）和文本内容，和是否允许鼠标选中无关。但要注意一个隐藏问题：
- 如果把
user-select: none加在按钮文字上，而按钮本身没做焦点管理（比如没加tabindex或没处理Enter/Space键），键盘用户就可能“看不见也点不了” - 某些辅助技术会把
user-select: none当作内容不可交互的信号，所以务必配合正确的语义标签（如用button而不是div） - 别为了“看起来不能选”而删掉文本节点或用图片替代文字——那才是真对无障碍致命
有没有比 user-select 更彻底的禁选方案
没有标准 CSS 方案比 user-select 更“彻底”，但可以补一层 JS 防御，主要防右键菜单和拖拽选中漏网之鱼：
立即学习“前端免费学习笔记（深入）”；
- 加
onselectstart="return false"到元素上，能拦住 IE 和部分老浏览器的选中起点 - 监听
mousedown并调event.preventDefault()，但会干扰正常点击，慎用 - 真正要杜绝复制，靠前端永远不保险——敏感内容该后端控制、该服务端渲染就别塞进 HTML 文本里
最常被忽略的一点：禁用选择不等于禁止复制。用户还能通过开发者工具看 DOM、用 console 执行 document.body.innerText、甚至直接查网络请求。别把它当安全措施用。
