修改layer内置图标样式的前提条件是：其icon参数（0–6）底层渲染为svg字体图标，不可通过src或background-image替换，只能用css覆盖svg内容或伪元素。
修改 layer 内置图标样式的前提条件
必须明确：Layui 的 layer.msg、layer.alert、layer.confirm 所用的 icon 参数（0–6）底层全部渲染为 SVG 字体图标，不是 img 标签，也不加载外部图片资源；因此不能通过改 src 或 background-image 路径来换图，只能靠 CSS 覆盖 SVG 内容或替换伪元素。
用 CSS 覆盖内置 SVG 图标（推荐）
这一步最常用也最稳定，适用于所有带图标的弹窗类型（msg/alert/confirm），且不破坏原有逻辑。
第一步：定位图标容器。Layui 2.8+ 将图标统一渲染为内联 SVG，其父容器类名为 .layui-layer-icon，并带 lay-id 属性标识图标类型（如 lay-id="1" 表示成功图标）。
第二步：写覆盖规则。例如将成功图标（icon:1）替换成绿色对勾 SVG 字符，同时确保尺寸和垂直居中：
.layui-layer-icon[lay-id="1"] { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; }
.layui-layer-icon[lay-id="1"]::before { content: "✅"; font-size: 24px; color: #4caf50; }
注意：必须加 ::before 伪元素并用 content 插入字符，直接改 SVG 的 fill 在新版中已被内联样式锁定，无效。
第三步：对失败（icon:2）、警告（icon:3）、疑问（icon:4）分别写对应 lay-id 规则，避免混用。例如警告图标可设为 content: "⚠️"; color: #ff9800;。
禁用默认图标 + 手动插入 HTML 图标（灵活但需重写结构）
当你需要 PNG/SVG 文件、带动画的图标，或完全脱离字体图标的限制时，必须放弃 icon 参数，改用自定义 content。
方法一：layer.msg 中实现
调用时传入 HTML 字符串，并设 icon: -1 关闭默认图标：
layer.msg('<i class="layui-icon layui-icon-ok"></i> 操作成功', { icon: -1, time: 2000 });
再配合 skin 自定义颜色和边框，就能让图标与文字风格统一。
方法二：layer.alert / layer.confirm 中实现
必须用 layer.open 替代，因为 alert/confirm 不允许在 content 中混用 HTML 图标和按钮逻辑：
layer.open({ content: '<div style="padding:20px;text-align:center;">
<img src="./success.png" style="max-width:90%"><p>提交已完成</p>
</div>', title: false, btn: ['确定'], yes: function(index){ layer.close(index); } });
这一步操作起来很简单，直接把文件拖进去就行，但要注意：必须设置 title: false 和 btn: ['确定']，否则默认标题栏和按钮会叠加显示。
