要将layui layer弹出层右上角关闭按钮替换为自定义svg图标，需通过css覆盖.layui-layer-close1类的背景样式，设置background: url('/assets/img/close-x.svg') no-repeat center !important等属性，并确保svg路径可访问、尺寸适配且版本≥2.8。
要将Layui layer弹出层右上角的关闭按钮替换为自定义SVG图标，不能依赖修改content或重写整个关闭区域，必须精准覆盖其默认图标容器的背景渲染逻辑。
定位并替换关闭按钮的SVG图标
关闭按钮的图标由 .layui-layer-close1 类控制，该类默认使用内联 base64 或 CSS background-image 渲染一个“×”形 SVG。直接修改该类即可生效。
在全局 CSS 文件（或 <style></style> 标签）中添加以下样式：
【必须加 !important】 因为 Layui 4.x 后版本大量使用内联样式和高权重规则，不加会失效。
.layui-layer-close1 { width: 24px !important; height: 24px !important; background: url('/assets/img/close-x.svg') no-repeat center !important; background-size: contain !important; }
确保 /assets/img/close-x.svg 路径可访问，且 SVG 文件尺寸适配（建议 viewBox="0 0 24 24"，无填充色，用 fill="currentColor" 更好）。
兼容旧版或避免全局污染的局部覆盖法
若项目中已存在多个 layer 实例，只想对某一次弹窗生效，可在 layer.open() 的 success 回调里动态注入样式：
第一步：调用 layer.open 并传入 success 函数；
第二步：在 success 中获取当前 layer DOM，再插入 style 标签或直接设置 .layui-layer-close1 元素的 style 属性；
第三步：执行 layero.find('.layui-layer-close1').css({ 'background': 'url(./my-close.svg) no-repeat center', 'width': '24px', 'height': '24px', 'background-size': 'contain' });
注意：此方式需确保 SVG 路径相对于当前 HTML 页面有效，且不能用相对路径如 ../img/——浏览器解析时以 layero 所在 DOM 上下文为准，推荐用根路径 /static/img/。
验证与容错处理
打开浏览器开发者工具（F12），检查右上角关闭按钮元素是否匹配 .layui-layer-close1；
若未命中，请确认 Layer 版本 ≥ 2.8 —— 低于该版本使用的是 .layui-layer-close 类名，需同步改写；
若 SVG 显示为空白，立即检查控制台 Network 面板中该 SVG 是否 404，或检查 SVG 内容是否含非法字符（如 UTF-8 BOM）导致解析失败。
