控制用户是否可以选择页面文本 · 禁止复制 · 一键选中
| 值 | 说明 | 适用场景 |
|---|---|---|
| auto | 默认行为，元素是否可选中由浏览器决定（通常可选中） | 普通文本内容 |
| text | 用户可以选中该元素的文本 | 明确需要可选的文本区域 |
| none | 禁止用户选中该元素及其子元素的文本 | 按钮、导航、图标、保护版权内容 |
| all | 点击该元素时自动全部选中，而非双击选中 | 代码块、邀请码、一次性复制文本 |
对文章、电子书等内容使用 user-select: none 防止随意选中复制
按钮、菜单、滑块等交互元素设置 none，防止双击时意外选中文字
代码块设置 user-select: all，用户单击即可全选，方便复制
拖拽交互（排序、调整大小）区域设置 none，提升拖动体验
内容可编辑区域设置为 text，确保用户可正常选中编辑文字
纯展示的图片和描述文字设 none，保持画廊的干净交互
现代浏览器均支持标准 user-select。建议同时保留 -webkit- 前缀以兼容旧版 Safari。