唯一稳定解法是用lay-append-to="body"配合lay-append-position="fixed"，并在layer.open的success回调中执行form.render()；因原生select不参与CSS层叠上下文，z-index无效，其面板层级由最近定位父容器决定，硬调zIndex易踩边界。
直接改 .layui-layer-content 的 overflow 为 visible 能临时看到下拉，但会破坏弹窗滚动、拖拽和多层叠加逻辑——这不是修复，是埋雷。
为什么原生 select 在 layer 里总被截断
根本原因不是 z-index 不够，而是 .layui-layer-content 默认设了 overflow: auto，只要下拉面板超出弹窗内容区高度，就会被物理裁剪。原生 <select> 的下拉菜单不走 CSS 层叠上下文，z-index 对它完全无效；Layui 渲染出的 .layui-form-select dl 又受限于父级 position: relative（layer 弹层自带），导致定位和溢出双重受限。
lay-append-to="body" 是唯一稳定解法
这是 Layui 2.9.12+ 官方明确支持的方案，只对 <select> 标签生效：
- 在
<select>标签上加属性：lay-append-to="body"，强制把下拉 DOM 插入<body>，彻底脱离 layer 的定位与溢出限制 - 必须同步加
lay-append-position="fixed"，否则页面滚动时下拉层会错位漂移 - 如果 select 是 JS 动态插入弹窗内容的（比如
layero.find('.layui-form').append(...)），必须紧接着调用form.render('select', 'filter-name') - 若弹窗是
type: 2（iframe），该属性无效，需换用type: 1或type: 3，并在 iframe 内单独初始化 form
用 skin 自定义类覆盖 overflow 更安全
全局改 .layui-layer-content 的样式会污染所有弹窗，正确做法是隔离作用域：
- 写一个自定义 CSS 类，比如
.layer-select-safe，并确保选择器足够具体：.layer-select-safe .layui-layer-content { overflow: visible !important; } - 调用
layer.open时传入：skin: 'layer-select-safe' - 仅当弹窗内含
<select>或laydate等易被裁剪组件时才加这个 skin，避免影响其他业务弹窗 - 注意：如果同时用了
lay-append-to="body"，这一步可省略；两者不冲突，但前者优先级更高、副作用更小
最容易被忽略的是渲染时机——属性写了、DOM 也插到 body 了，但下拉还是被截，大概率是因为没在 success 回调里执行 form.render()，或者弹窗内容来自 type: 2 iframe 却忘了在子页面重新加载 form 模块。
