layui select选中项文字变红需修改渲染后的.layui-select-title样式，因原生select被隐藏；应监听form.on('select(filtername)')事件，通过$(data.elem).next().find('.layui-select-title')定位并addclass切换预设css类，类中用!important确保颜色生效，且每次先removeclass再add以避免叠加。
layui select 选中项文字变红，得改渲染后的标题栏
原生 select 在 layui 中被完全隐藏，真正显示的是它生成的伪元素 .layui-select-title。直接给 select 写 CSS 或操作 option 的颜色，根本不会生效。
要让“选中后文字变红”，核心是监听值变化，然后修改这个标题栏节点的 color 或加 class：
- 用
form.on('select(filterName)', ...)监听，别用原生change（可能不触发） - 通过
$(data.elem).next('.layui-form-select').find('.layui-select-title')精准定位标题 DOM - 推荐用
addClass('select-error')切换样式，比内联css('color', 'red')更易维护、不冲突 - 别在回调里调
form.render('select')—— 它会重绘整个下拉，导致刚设的颜色被覆盖
CSS 类必须显式定义，且权重足够
只加 class 不写 CSS，颜色不会变。Layui 默认的 .layui-select-title 有自身 color 值（通常是 #666），你的规则必须能覆盖它：
.select-error .layui-select-title {
color: #f00 !important;
}
注意两点：
- 一定要加
!important，否则被 layui 内联或默认样式压住 - 类名作用域要写对：不是
.select-error，而是.select-error .layui-select-title，因为 class 是加在.layui-form-select外容器上的
value 判断要防空和类型错配
常见错误是 data.value === '1' 比较失败——比如后端返回的是数字 1，而 layui 返回的是字符串 "1"，但有时又可能是 "" 或 undefined：
- 先做存在性判断：
if (!data.value)处理空选项（如“请选择”） - 统一转字符串再比：
String(data.value) === '1'，避免隐式转换翻车 - 如果状态来自接口，建议把映射逻辑抽成常量对象，而不是散落在 if 里硬编码
多状态切换时别漏掉“还原”逻辑
只在 s-1 时加红色、s-0 时加绿色，但没清掉旧 class，会导致样式叠加失效：
- 每次进回调，先
$title.removeClass('select-error select-success') - 再按条件
addClass，确保状态干净 - 如果还有“禁用”“警告”等更多状态，预设好所有 class 并集中管理，别靠临时拼字符串
真正容易被忽略的是：当用户快速连点两次相同选项，事件可能只触发一次，但 DOM 状态已变；或者表单重载后未重新绑定监听 —— 这些时候颜色就“卡住”了，得检查监听是否挂载成功、class 是否残留、CSS 是否被其他规则意外覆盖。
