关键答案是：必须定位并覆盖动态生成的.layui-select-dropdown类，而非原生<select>标签；需在form.render()执行后、通过!important设宽高，且表格中须配合lay-append-to="body"防遮挡。
直接覆盖 Layui 下拉框样式，关键不是「加更多 CSS」，而是找准它动态生成的 DOM 结构和生效时机。Layui 的 select 渲染后会插入一堆包裹元素（比如 .layui-form-select、.layui-select-dropdown），原生 <select> 标签反而被隐藏了——你改它没用。
怎么定位并覆盖 .layui-select-dropdown 宽高
Layui 把下拉面板渲染成一个独立浮层，类名是 .layui-select-dropdown，它默认宽度随父容器、高度靠内部 dl 内容撑开，滚动条也不显眼。
- 必须等
form.render()执行完再写样式，否则 DOM 还没生成，CSS 无效 - 宽度要加
!important，因为 Layui 内联设置了width: 100% - 高度建议用
max-height+overflow-y: auto，别用固定height，否则小屏下选项被截断 - 如果只改某个 select，给外层加自定义 class（如
my-status-select），再写.my-status-select .layui-select-dropdown
示例：
.layui-select-dropdown {
width: 220px !important;
max-height: 260px;
overflow-y: auto;
}
.my-status-select .layui-select-dropdown {
width: 180px !important;
}
为什么直接改 <select> 标签的 CSS 没反应
因为 Layui 渲染后，原始 <select> 被设为 display: none，真正显示的是它生成的 .layui-form-select 包裹结构。你调 border、background 等，得作用在 .layui-form-select .layui-select-title 上。
-
.layui-form-select是整个可点击区域的外框 -
.layui-select-title是显示当前选中值的标题栏，含箭头图标 -
.layui-select-dropdown是下拉浮层本身 - 想隐藏原生下拉箭头？改
.layui-select-title .layui-edge的display
常见覆盖写法：
.layui-form-select .layui-select-title {
background-color: #fff !important;
border: 1px solid #d2d2d2 !important;
border-radius: 4px;
}
.layui-form-select .layui-edge {
display: none;
}
表格里下拉框被遮挡，光改 CSS 不行
表格单元格默认有 overflow: hidden，而 .layui-select-dropdown 是绝对定位、挂到 body 下的，会被裁剪。这时候单靠 CSS 无法解决。
- 必须配合
form.render('select', 'your-table-container-id')，让 Layui 知道该在哪找父容器 - 确保表格外层容器（如
<div id="table-wrap">）没有overflow: hidden或transform - 不要对
.layui-table-box强行设overflow: visible，会导致滚动条失效、fixed 列错位 - 真要兜底，用
lay-append-to="body"属性（Layui ≥ 2.9.12），但需搭配lay-append-position="fixed"
自定义选项图标或文字排版根本不能靠 <option>
原生 <option> 只支持纯文本，塞 <i> 或 HTML 会被浏览器忽略。Layui 也没提供选项级模板接口。
- 想图文混排？必须换第三方组件，比如
formSelects，它用<dl><dd>模拟下拉，支持图标、搜索、分组 - 若坚持用 Layui，只能在外层用
templet渲染一个点击触发浮层的容器（如带data-value的<div>），再手动插入真实<select>并定位 - 注意：浮层必须挂到
document.body下，否则被表格或弹窗的overflow截断
最易被忽略的一点：所有自定义样式都依赖 form.render() 的执行时机——它必须在 DOM 插入完成之后、用户交互之前调用。异步加载内容、layer 弹窗里动态加 select、Vue/React 绑定场景下，漏掉这一步，样式就永远不生效。
