layer.open 的 title 背景色必须用带 !important 的全局 css 覆盖 .layui-layer-title，skin 仅提供类名前缀，无法直接控制样式；动态修改需通过 layer.index 定位 dom 操作。
layer.open 的 title 背景色必须用 CSS 覆盖 .layui-layer-title
直接在 title 参数里写 HTML 或传样式字符串无效，因为 layer 会对 title 内容自动转义；skin 参数本身不控制标题背景，只提供类名前缀，真正起效的是后续的 CSS 规则。
最稳的方式是加一条全局 CSS：
.layui-layer-title {
background-color: #4a9ff5 !important;
border-bottom-color: #3a8be0 !important;
}
- 必须加
!important——layer 会动态注入内联样式（如style="background:#fff"），不强制无法覆盖 - 别用
body .layui-layer-title这种宽泛选择器，可能误改所有弹窗，包括已关闭但 DOM 尚未移除的实例 - 如果只想改某类弹窗（比如仅
layer.alert），用更精确的选择器：.layui-layer-alert .layui-layer-title
用 skin 隔离样式时，CSS 选择器要写全
当你在 layer.open 中设了 skin: 'my-alert'，想只让这个皮肤的标题变色，就不能只写 .my-alert .layui-layer-title。
layer 动态插入的 DOM 结构是：<div class="layui-layer layui-layer-alert my-alert">...</div>，而 .layui-layer-title 是它的子元素。所以有效选择器必须带 body 前缀：
body .my-alert .layui-layer-title {
background-color: #e74c3c !important;
color: #fff !important;
}
- 漏掉
body或空格位置错（如写成body.my-alert）都会失效 - 老版本 Layui（2.5 以下）中，
.layui-layer默认有overflow: hidden，若你只改了.layui-layer-title背景但没同步调高它的line-height或padding，文字可能被裁掉上沿
动态修改已打开弹窗的标题背景色要靠 layer.index 定位
弹窗已经 show 出来后才决定换色（比如根据接口返回状态切换成功/失败样式），不能重写 CSS，得操作真实 DOM 节点。
先保存 layer.open 返回的索引，再用它找对应弹窗容器：
const index = layer.open({ title: '加载中...', content: '...' });
// 后续某处
const dom = $('#layui-layer' + index);
dom.find('.layui-layer-title').css({
'background-color': '#2ecc71',
'color': '#fff'
});
- 不要用
$('.layui-layer-title').last()这类模糊查找——多个弹窗并存时极易选错 - 注意：
layer.close(index)后该 DOM 会被移除，所以修改必须在 close 前完成 - 如果用了
maxmin: true或拖拽，标题区域可能被 layer 动态重绘，此时需监听moveEnd或maxmin回调再补一次样式
layer.msg 和 layer.alert 的标题背景色不能单独改
layer.msg 根本没有标题栏，layer.alert 虽有标题但结构固定且不暴露 skin 控制入口，强行覆盖 .layui-layer-alert .layui-layer-title 会影响所有 alert 弹窗，且在某些版本中会被 layer 内部 reset。
真要差异化标题背景，只能退到 layer.open 自定义：
layer.open({
type: 1,
title: '操作失败',
skin: 'alert-fail',
content: '<div style="padding:20px;">网络错误，请重试</div>',
area: ['320px', 'auto']
});
然后配 CSS：
body .alert-fail .layui-layer-title {
background-color: #e74c3c !important;
border-bottom-color: #c0392b !important;
}
- 这是唯一能确保标题背景可控、不污染全局的方式
- 别试图给
layer.alert加skin后再覆盖——它内部会忽略或覆盖你的类名
!important 或选错作用域，样式就只是“看起来改了”。
