layer.alert确认按钮不能通过btn参数改颜色，必须用skin+高权重css选择器覆盖，如body .my-alert .layui-layer-btn0{background:#52c418!important}，并补全:hover等状态样式。
layer.alert 的确认按钮不能靠 btn 参数改颜色
因为 layer.alert 固定只渲染一个按钮（“确定”），不接受 btn 数组配置，所以传 btn: ['知道了'] 只能改文字，无法触发自定义按钮 HTML 渲染逻辑——也就没法像 layer.confirm 那样用内联样式拼按钮。
必须用 skin + 精准 CSS 选择器覆盖
这是唯一稳定生效的方式，但要注意几个关键点：
- skin 值要唯一，比如
skin: 'my-alert'，避免污染其他弹层 - CSS 必须带父级限定：
body .my-alert .layui-layer-btn0，不能只写.layui-layer-btn0 - 必须显式覆盖所有状态：
:hover、:active、[disabled]，否则鼠标悬停时会回退成默认蓝 - 如果用了
layui.all.js或 CDN 版本，!important通常绕不过内联样式，得加在 style 属性里或确保权重更高
示例：
layer.alert('操作成功', {
skin: 'my-alert',
title: '提示'
});
// 页面中
<style>
body .my-alert .layui-layer-btn0 {
background-color: #52c418 !important;
border-color: #52c418 !important;
color: #fff !important;
}
body .my-alert .layui-layer-btn0:hover {
background-color: #389e0d !important;
border-color: #389e0d !important;
}
</style>
新版 Layui（2.8+）CSS 覆盖更难，别碰 :root 变量
直接改 :root { --layui-color-primary: #52c418 } 完全无效——2.8+ 已把变量静态编译进 CSS，衍生色（hover 边框、禁用态阴影、文字反色）不会联动更新。结果就是按钮正常，但一 hover 就跳色，或点击后边框消失。
- 不要全局搜索替换
#009688→#52c418，漏掉的规则太多 - 不要试图用 JS 动态注入 CSS 变量，
layui.all.js锁死了样式计算链 - 局部改色就老实用
skin+ 权重足够高的选择器，这是最可控的路径
确认按钮点击后不关闭？检查是否漏了 return
如果你在 yes 回调里写了异步逻辑（比如发请求），但没 return false，layer 会默认执行一次 layer.close(index)，导致弹层闪退或重复关闭。
- 同步逻辑：回调末尾加
layer.close(index)即可 - 异步逻辑（如
$.post）：必须开头return false，并在请求 success 后手动layer.close(index) - 没配
yes回调？那按钮点击后自动关闭是默认行为，无需额外处理
真正容易被忽略的是：skin 类名一旦写错或 CSS 加载晚于 layer 调用，样式就完全不生效，且控制台不报错——建议先用浏览器开发者工具检查弹层 DOM 上是否有对应 skin 类，再查元素计算样式里 button 的 background-color 是否被覆盖。
