icon参数仅控制图标类型而非颜色，改色需用CSS覆盖.layui-icon的color样式并加!important，或改用content插入带样式的HTML图标。
layer.msg 的 icon 参数根本不能改图标颜色
直接说结论：icon 参数只控制图标类型（0–7 数字或字符串），不控制颜色。传 icon: 5 显示红哭脸，是因为 layui-icon 字体里这个码点本身是红色；但如果你换了个主题色，它不会跟着变——因为图标颜色由字体文件的 glyph color 决定，而 layui-icon 是单色字体，没提供配色机制。
常见错误现象：layer.msg('出错了', {icon: 5, color: '#e74c3c'}) → color 被完全忽略；icon: 'error' 和 icon: 2 效果一样，也改不了色。
想让图标变色，必须用 CSS 覆盖 .layui-icon
图标的 DOM 结构是：<i class="layui-icon"></i>，它被包裹在 .layui-layer-content 里。要改色，得精准定位并覆盖其 color 样式，且必须加 !important —— 因为 layer 会动态注入内联 style。
- 给
layer.msg加自定义皮肤名：skin: 'msg-error' - CSS 中写：
body .msg-error .layui-icon { color: #d32f2f !important; } - 如果同时要改文字色和背景，统一在
.msg-error .layui-layer-content下处理，避免样式散落 - 别只写
.msg-error .layui-icon，漏掉body前缀在某些版本（如 v2.5）里会失效
更干净的做法：不用 icon，用 HTML content 插入带样式的图标
当图标颜色需要精细控制（比如深红+描边、渐变色、SVG 图标），icon 就彻底不够用了。这时应放弃 icon，改用 content 参数塞 HTML：
layer.msg('<i class="layui-icon layui-icon-close" style="color:#c00; margin-right:6px;"></i> 删除失败', { skin: 'msg-inline-icon', time: 2500 });
这样做的好处：
- 图标颜色、大小、间距全由你控制，不受字体限制
- 可混用图标和文字，甚至加 SVG 或 img 标签（需注意 XSS 安全）
- 配合
skin类名做全局样式收口，比如统一设置.msg-inline-icon .layui-icon { vertical-align: -2px; } - 缺点是：多写几个字符，但换来的是确定性——不再依赖字体渲染或版本兼容
容易被忽略的兼容细节
老版本 Layui（v2.1–v2.5）中，.layui-layer-content 默认有 line-height: 22px，而 .layui-icon 的默认 font-size 是 18px，垂直居中靠的是行高撑开。如果你只改了 color 没调 vertical-align 或 line-height，图标可能偏上或偏下。
真正稳的写法是：
body .msg-error .layui-icon { color: #d32f2f !important; font-size: 18px !important; vertical-align: middle !important; }
另外，Layui v2.8 开始支持部分 CSS 变量，但 .layui-icon 仍不响应 --layui-color-primary 这类变量——别指望换肤系统自动同步图标色。
