直接给textarea加user-select:none无效，必须配合pointer-events:none：前者仅阻止鼠标拖选和双击，后者禁用点击聚焦，才能彻底阻断光标进入、键盘方向键及Ctrl+A等所有选中路径。
直接给 textarea 加 user-select: none CSS 即可，但必须配合 pointer-events: none 才真正禁用点击选中；只设前者在 Chrome/Firefox 中仍能通过双击或拖拽触发部分选择行为。
为什么 user-select: none 单独不生效
浏览器对 textarea 的文本选择控制比普通元素更“顽固”：user-select: none 能阻止鼠标拖选和双击选词，但无法拦截光标聚焦后的键盘方向键选中、或者 Ctrl+A 全选。更关键的是，它不阻止点击后光标定位——一旦有焦点，用户就能用方向键慢慢划取。
常见错误现象：textarea 看似不能拖选，但点一下再按 Shift+→ 依然能逐字选中；或者 Ctrl+A 仍然全选成功。
- 只加
user-select: none→ 光标仍可进入，键盘选中照常 - 只加
pointer-events: none→ 用户点不进去，但 Tab 键仍可聚焦，键盘操作依旧有效 - 两者缺一不可，且需同时作用于
textarea元素本身（不能只写在外层容器上）
textarea 设置只读时的连带影响
如果你本意是“展示用文本域”，而非“可输入但禁选”，优先用 readonly 属性 + user-select: none + pointer-events: none 组合。这样既保留表单值可被 form.val() 读取，又彻底阻断所有选中路径。
注意：若用了 disabled，则 form.val() 默认拿不到值，且样式会变灰——这不是“不可选中”的需求，而是“完全禁用”，别混用。
-
readonly：可聚焦、可复制（除非额外禁用）、值参与表单提交 -
disabled：不可聚焦、不可复制、值不提交、校验跳过 - 真正要“不可选中”，核心是视觉 + 交互双封锁，不是靠属性语义
实际 CSS 写法与避坑点
直接在 textarea 标签上内联或在 class 中写：
textarea.your-class {
user-select: none;
pointer-events: none;
/* 可选：隐藏光标，避免聚焦时闪烁 */
caret-color: transparent;
}不要用 -webkit-user-select: none 单独写前缀——现代浏览器已统一支持标准属性；也不要尝试用 JS 监听 selectstart 事件 return false，该事件对 textarea 不可靠，且无法拦截 Ctrl+A。
- 如果该
textarea是 Layui 表单渲染出来的，务必在form.render()后再加样式，否则可能被 layui 自带样式覆盖 - 移动端 Safari 对
pointer-events: none支持良好，但 iOS 16.5 之前版本在某些 zoom 场景下偶发失效，建议加touch-action: none做兜底 - 别给父容器设
user-select: none，会导致整个区块文字都无法选中，超出目标范围
最简验证方式：打开控制台，手动给目标 textarea 加上两个 CSS 属性，然后点、双击、拖拽、Ctrl+A、Shift+方向键，全部无效才算到位。任何一种能触发选中，就说明漏了某个环节。
