layer.msg 不支持 color/theme 参数，因其为轻量函数，仅处理 content、time、icon、skin 等字段，样式由预设 class 控制，不解析 style 对象；需用 skin + CSS 覆盖实现主题色。
layer.msg 本身不提供主题色参数，所谓“警告色”“错误色”只能靠 skin + css 覆盖实现，不是传个 color: '#f00' 就能生效。
为什么 layer.msg 没有 color / theme 参数
layer.msg 是轻量提示函数，内部只处理 content、time、icon、skin 等有限字段，所有样式由预设 class（如 layui-layer-msg、layui-layer-hui）控制。它不解析 style 对象，也不支持 CSS 变量注入——哪怕你传 {color: 'red'}，也会被完全忽略。
常见错误现象包括：
- 写
layer.msg('出错了', {color: '#d32f2f'})→ 控制台无报错，但颜色不变 - 用
content: '<span style="color:red">出错了</span>'→ 文字可能被默认 padding 截断，或在移动端 Safari 出现闪烁 - 直接改
.layui-layer-content { color: #d32f2f !important }→ 所有 msg 全变红，无法按场景区分
用 skin 参数配合自定义 class 区分主题色
这是最干净、可复用的方式：每个主题色对应一个唯一 class 名，CSS 中只作用于该 class 下的 .layui-layer-content。
实操步骤：
- 调用时指定 skin：
layer.msg('保存失败', {skin: 'msg-error', time: 2000}) - 在页面
<style>或独立 CSS 文件中写：.msg-error .layui-layer-content { color: #d32f2f !important; background-color: #ffebee !important; border-left: 3px solid #d32f2f; } - 同理定义
msg-warning（橙色）、msg-success（绿色），避免混用同一 class - 注意加
!important——因为 layer 内联了部分样式，不加容易被覆盖
如何让 icon 和文字颜色联动
layer.msg 的 icon 参数（如 icon: 2）会自动加图标和对应背景，但它和自定义 skin 是正交的：你可以同时用 icon: 2 和 skin: 'msg-error'，但 icon 颜色仍由内置规则决定。
要统一风格，推荐：
- 禁用默认 icon：
icon: -1，改用 HTML content 插入带样式的图标：content: '<i class="layui-icon layui-icon-close"></i> 删除失败' - 在
.msg-errorCSS 中一并覆盖图标颜色：.msg-error .layui-icon { color: #d32f2f; } - 或者干脆不用 icon，靠文字色 + 左侧色块（如上例中的
border-left）传达语义，更轻量也更可控
别把 skin 当临时 hack，得提前规划命名体系
真正容易被忽略的，不是怎么让字变红，而是后期维护成本。比如上线后产品说：“所有‘删除失败’提示要从红色改成深红”，如果你当初全用 skin: 'red'，就得全局搜替换；但如果用了语义化命名如 skin: 'msg-delete-fail'，就能精准定位、不影响其他错误提示。
建议皮肤 class 命名带上场景前缀：msg-form-submit-error、msg-network-timeout，而不是笼统的 msg-red。Layui 不管你怎么命名，但人得管住自己。
