formSelects 标签换行错位需调整CSS：父容器设overflow:visible，.formSelects-input改white-space:normal，.formSelects-label加margin-right/margin-bottom，搜索框同步调width；顺序不一致则用formSelects.value重设值；图标关闭按钮失效需分层设pointer-events；移动端需调min-height、font-size并避免覆盖skin样式。
formSelects 渲染后标签默认左对齐，但换行错位怎么办
默认情况下 formselects 会把已选项渲染为 inline-block 标签，靠左堆叠。当容器宽度不足时，标签可能在中间被截断、换行错位，甚至遮挡下拉箭头。
关键不是改 JS 逻辑，而是控制 CSS 流式行为：
- 给包裹
select的父容器（如.layui-input-block）加overflow: visible，否则标签会被裁剪 - 在
formSelects-v4.css中定位到.formSelects-input类，把white-space: nowrap改成white-space: normal - 为每个标签项（
.formSelects-label）添加margin-right: 6px; margin-bottom: 4px，避免挤在一起换行 - 如果启用了搜索框（
lay-search），记得同步调整.formSelects-search input的width，否则它会撑宽整行导致标签布局异常
选中标签顺序和原始 option 顺序不一致？
formSelects 默认按用户点击顺序保存值，但渲染时仍按 DOM 中 option 的原始位置排列标签 —— 这会导致视觉顺序和操作直觉冲突。
修复方式是强制按点击顺序重排 DOM 节点：
- 监听
formSelects.on('mySelect', ...)事件，在回调里拿到vals（当前所有已选项的 value 数组） - 用
formSelects.value('mySelect', vals)主动重设值，这会触发内部重渲染并按vals顺序排列标签 - 注意：不能直接操作
.formSelects-label的 DOM 顺序，因为 formSelects 会监听 MutationObserver 并自动 revert
自定义标签样式时，图标或关闭按钮点击失效
常见原因是给 .formSelects-label 或其子元素加了 pointer-events: none（比如为了透传点击到下层 input），结果连关闭按钮（.formSelects-label-i）也失灵了。
正确做法是分层控制：
- 只对标签文字部分（如
.formSelects-label span）设pointer-events: none - 确保关闭按钮（
.formSelects-label-i）和外层标签容器（.formSelects-label）保持pointer-events: auto - 如果用了伪元素（::before/::after）做装饰图标，需额外加
content: ""和display: inline-block，否则点击区域可能为空
移动端标签过密、误触率高
在 iOS Safari 或安卓 Chrome 上，formSelects 的默认标签尺寸偏小，手指点击容易连带触发相邻标签或下拉菜单。
必须调整的三项 CSS：
-
.formSelects-label的min-height: 28px（iOS 最小可点击区域要求） -
.formSelects-label-i的font-size: 18px，并用line-height: 1居中 - 移除所有
user-select: none，否则长按会触发系统文本选择浮层，干扰操作
最易被忽略的是：formSelects 的 xm-select-skin="default" 在移动端实际会加载一套独立的响应式样式，但如果你覆盖了 .formSelects-label 的 padding，这套响应式规则就失效了 —— 所以优先用 xm-select-skin="primary" 或自定义 skin，别硬改基础类名。
