唯一可靠方式是用原生select并禁用form.render('select')；因layui form模块初始化时自动扫描替换所有select且无关闭开关，CSS或跳过render均无效，必须通过DOM隔离确保目标select不被扫描到。
不能真正“取消”美化渲染，但可以绕过它——用原生 select + 禁用 form.render('select') 是唯一可靠方式。
为什么不能直接“取消”layui对select的美化
Layui 的 form 模块在加载时会自动扫描页面所有 select 元素，并将其隐藏，再用 .layui-form-select 等伪 DOM 替代。这个过程是全自动、无开关的。没有配置项（如 render: false）能关闭它，form.render() 本身只是触发重绘，不是开启/关闭开关。
- 试图用 CSS 隐藏
.layui-form-select并显示原生select会导致点击无效——因为原生元素已被display: none - 删掉
layui.use('form')或不调用form.render()也不行：只要引入了 form 模块，初始化时就已执行过首次扫描和替换 - 哪怕只写
<select></select>不加任何 class 或属性，只要在layui.use('form')作用域内，就会被接管
真正可行的绕过方案：隔离 + 原生保留
核心思路是让目标 select **不被 form 模块扫描到**，同时保证其他表单控件照常渲染。
- 把要保留原生样式的
select放在layui.use('form')执行**之前**的 HTML 中，且确保它不在任何form.render()调用后的 DOM 插入操作里 - 给它加一个明确的 class（如
class="native-select"），并在 JS 初始化时主动跳过：layui.use('form', function(){<br> var form = layui.form;<br> // 只渲染非 native-select 的 select<br> form.render('select', 'form:not(.no-layui-render)');<br> // 或更稳妥：先移除 native-select，再 render，再放回<br> $('.native-select').remove().appendTo('body');<br> form.render('select');<br>}); - 若必须动态插入，用
document.createElement('select')创建，插入后**绝不调用form.render('select')**；同时确保该节点父容器未被form.render()全量刷新过
常见失败尝试与对应现象
这些做法看似合理，实际都会失效：
- 只加
style="display: block !important;"到原生select：没用，它已被display: none硬编码隐藏，且事件绑定在伪元素上 - 在
form.render()后用 jQuery 显示原生select并隐藏.layui-form-select：UI 可见，但点击无响应，因为事件监听器仍绑在伪结构上 - 用
layui.config({version: 'x'})或删 script 标签：破坏整个 form 模块，checkbox/radio 也会退化，得不偿失 - 在 CSS 中写
select { -webkit-appearance: menulist; }：仅对部分浏览器生效，且无法恢复交互逻辑
最彻底的取舍点在于：你要的是「所有下拉框都原生」，还是「仅某几个下拉框原生」。前者建议放弃 layui form 模块，改用纯原生表单 + 自定义验证；后者必须用 DOM 隔离法，且每次涉及 form.render() 都得重新确认目标 select 是否还在“白名单”外。
