Bootstrap不提供禁用文本选择的内置功能，需手动添加CSS样式（如.no-select { user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }），并注意表单控件需配合pointer-events: none或readonly使用；该方式仅防普通用户误操作，无法真正防止内容被获取。
Bootstrap项目里怎么禁用文本选择
bootstrap本身不提供禁用文本选择的内置类或js方法，它完全依赖css的 user-select 属性。你得自己加样式，不能指望 class="form-control" 或 data-bs-toggle 帮你搞定这事。
直接用CSS设置 user-select: none
这是最可靠、兼容性足够（Chrome 54+/Firefox 69+/Safari 14+，IE10+用-ms-user-select）的方式。关键不是“要不要加”，而是“加在哪”和“会不会被覆盖”：
- 优先写在具体元素上，比如
<div class="no-select">...，再配CSS：<pre class="brush:php;toolbar:false;">.no-select { user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }</pre> <li>别只写 <code>user-select: none—— Safari旧版、Firefox早期版本会忽略，必须带前缀 - 如果用了Bootstrap的表单控件（如
<input>或<textarea></textarea>），直接加class可能无效：这些元素默认可选中，且浏览器对表单控件的user-select行为有特殊处理；此时要配合pointer-events: none或改用readonly+ 样式模拟 - 不拦截键盘操作（Ctrl+A 全选照样生效）
- 移动端完全失效（iOS/Android 不触发
selectstart） - 跟Bootstrap的JS组件（比如
Tooltip或Popover）容易冲突，导致tooltip点不开或内容错位 - React/Vue等框架里强行绑定事件，会破坏合成事件机制，调试时看到
Warning: This DOM event was not handled - 右键“检查元素”直接看HTML源码
- 开发者工具Console里执行
getSelection().toString()或$0.textContent - 截图OCR识别（尤其对防复制又没做字体混淆的场景）
- 如果你真需要保护内容，应该走服务端权限控制 + 水印 + 动态渲染，而不是靠前端CSS挡
为什么 onselectstart="return false" 不推荐
这个内联JS虽然能拦住鼠标拖选，但问题一堆：
禁用复制后，用户还能怎么取到文字
技术上永远没法100%防住——只要文字渲染在页面上，就有办法提取：
所以加 user-select: none 的真实作用，只是防止普通用户顺手划词复制，不是安全边界。别把它当锁，它只是个提醒贴纸。
