微信安卓版因X5内核对CSS支持弱，单用user-select: none无效，须组合-webkit-touch-callout: none、全前缀user-select及touchstart/contextmenu事件拦截，并排除可编辑元素。
为什么只加 user-select: none 在微信里完全没用
微信安卓版用的是腾讯 X5 内核，它对标准 CSS 属性支持极弱。-webkit-touch-callout: none 被直接忽略，user-select: none 也常被绕过——尤其当元素含伪类内容、空文本节点或被 scoped style 覆盖时。你看到“加了但还是弹窗”，不是写错了，是微信根本不认。
必须组合三件套：-webkit-touch-callout + user-select + touchstart.preventDefault()
单靠任一手段都会漏平台。iOS Safari 靠前两个属性生效；安卓微信必须靠 JS 拦截，且仅监听 touchstart 不够，得补上 contextmenu：
-
-webkit-touch-callout: none放 CSS 声明第一行（顺序错就失效） - 所有前缀的
user-select必须齐备：-webkit-、-moz-、-ms-、标准值 - JS 绑定到具体目标元素（不能绑
document），且排除input、textarea、[contenteditable]
示例代码：
.no-longpress {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}document.querySelectorAll('.no-longpress').forEach(el => {
el.addEventListener('touchstart', e => {
if (!e.target.matches('input, textarea, select, [contenteditable]')) {
e.preventDefault();
}
});
el.addEventListener('contextmenu', e => e.preventDefault());
});layui 场景下特别注意两个坑
一是 layer 弹层里的内容，如果用 title 配置项生成标题栏，该区域 DOM 由 layui 动态渲染且事件已被静默 preventDefault，你加的样式和监听根本进不去。必须设 title: false，改用 content 写完整 HTML，再手动给标题 div 绑事件。
二是 laydate、layedit 等组件内部的文本容器，它们可能自带 contenteditable 或强制可选逻辑，user-select: none 会被浏览器无视。这种地方只能靠 JS 排除，不能依赖 CSS。
别碰 pointer-events: none 和全局 * 选择器
pointer-events: none 看似一劳永逸，但它会同时干掉点击、拖拽、focus 所有交互，跟“为防蚊子把窗户焊死”一个道理。而全局写 * { user-select: none } 会让 input 光标无法定位、select 下拉失灵、开发者审查元素失效——微信里连调试都困难。
真正要禁的，只是卡片标题、图标文字、License 文本块这类纯展示区域。精准加类、精准绑定，才是微信环境下唯一稳的路。
