最直接方式是使用CSS的user-select属性设为none，需加-webkit-、-moz-、-ms-前缀以兼容旧浏览器，可组合实现整体禁用局部启用，但无法完全防止内容被复制。
要禁用网页中文本的选中效果，最直接的方式是使用 CSS 的 user-select 属性。
基础用法：全局禁用文本选中
将 user-select: none 应用于目标元素（或其父容器），即可阻止用户通过鼠标拖拽或双击选中其中的文字：
- 适用于按钮、图标、标签等不需要被复制的交互区域
- 对 input、textarea 等表单控件无效（它们会保持可编辑和可选中）
- 不会影响键盘焦点或屏幕阅读器的访问逻辑
兼容性写法：覆盖主流浏览器前缀
虽然现代浏览器基本支持标准写法，但为兼容旧版 Chrome、Firefox 和 Safari，建议加上厂商前缀：
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
精细化控制：按需启用/禁用特定区域
可以组合使用，实现“整体禁用 + 局部启用”的效果：
立即学习“前端免费学习笔记（深入）”；
- 给容器设置 user-select: none
- 对需要保留选中功能的子元素（如说明文字、代码块）单独设为 user-select: text
- 注意：IE/Edge 旧版本只支持 none 和 text 两个值，不支持 all 或 contain
注意事项与替代方案
单纯禁用选中不能防止内容被复制（右键菜单、开发者工具仍可获取），如需更强保护，需结合其他手段：
- 禁用右键菜单：用 oncontextmenu="return false"（但影响用户体验）
- 防止复制粘贴：监听 copy、cut 事件并调用 event.preventDefault()
- 真正敏感内容不应仅靠前端限制，服务端权限和水印更可靠
