closeBtn参数仅控制是否渲染关闭按钮（0=不渲染，1=叉号，2=文字“关闭”），不控制图标样式；自定义SVG图标需通过CSS覆盖.layui-layer-close1类，禁用原内容并设置background。
layer.open 的 closeBtn 参数不控制图标样式，只控制是否渲染
很多人以为 closebtn: 2 是“自定义图标”，其实它只是切换为文字按钮（显示“关闭”二字），和 svg、背景图、颜色等视觉定制完全无关。真正控制右上角关闭按钮样式的，是 layer 渲染后生成的 dom 节点及其 css 类名：.layui-layer-close1（默认叉号）、.layui-layer-close2（文字按钮）。你无法通过配置项直接换图标，必须靠 css 覆盖。
替换关闭按钮为自定义 SVG 图标的实操步骤
Layer 默认用字体图标或 base64 内联 SVG 渲染 .layui-layer-close1，要换成自己的 SVG，得重置 background 并禁用原有内容：
- 在你的 CSS 文件中添加如下规则（注意加
!important，因为 Layer 内联样式优先级高）：.layui-layer-close1 { width: 20px; height: 20px; background: url('/img/close-icon.svg') no-repeat center / contain !important; text-indent: -9999px !important; overflow: hidden !important; } - 确保
/img/close-icon.svg路径可访问；若用 data URL，需转义并包裹单引号 - 不要删掉
.layui-layer-close1类名——Layer 依赖它做事件绑定，只改样式即可 - 如果发现图标错位，检查父容器
.layui-layer-title的 padding 和 line-height，SVG 尺寸应与之匹配
为什么不能用 success 回调里改 class 或 innerHTML
有人在 success 回调里写 layero.find('.layui-layer-close').addClass('my-close')，这看似可行，但存在隐患：
- Layer 在某些场景（如 resize、tab 切换、二次 open）会重新渲染标题栏，你加的 class 或替换的 HTML 会被清空
- 直接操作
innerHTML可能破坏 Layer 内部的事件监听器，导致点击无响应 - Layer v2.9+ 对
.layui-layer-close1有强耦合，换类名后closeBtn: 0/1/2行为可能异常 - 最稳的方式就是只覆盖 CSS，不碰 DOM 结构
全屏弹窗或 iframe 子页里图标不显示的常见原因
全屏弹窗（area: ['100%', '100%']）或 iframe 页面中自定义图标失效，往往不是 CSS 问题，而是：
- CSS 作用域被限制：iframe 内的样式不会影响父页渲染的
.layui-layer-close1，必须把自定义样式放到主页面的全局 CSS 中 - 路径相对当前 HTML 而非 layer.js：SVG 路径是相对于引入 CSS 的 HTML 文件，不是相对于 layui 源码
- 浏览器缓存了旧版 Layer 的内联样式：清缓存或加版本参数，如
close-icon.svg?v=2.9.13 - z-index 导致图标被遮盖：Layer 关闭按钮的 z-index 默认比内容层低，全屏时若内容有
position: relative且未设z-index，可能压住按钮
