Layui中“确定”按钮图标替换需明确组件来源：laypage无该按钮；layer.confirm须在btn数组中传入含标签的HTML字符串；表格自定义按钮则直接写入图标元素，CSS伪元素方案不可靠。
layui分页里根本没有“确定”按钮
这是最常见的误解。laypage 分页组件（layui.laypage.render()）本身不提供“确定”按钮——它只生成页码、上一页/下一页、首页/尾页等导航控件，所有交互都是点击即跳转，没有确认环节。
如果你在页面某处看到带“确定”的按钮并想替换成图标，那大概率是以下两种情况之一：
- 你用的是
layer.open()或layer.confirm()弹窗，里面配置了btn: ['确定', '取消'] - 你在表格
table.render()的工具栏或自定义操作列里手写了按钮，比如<button class="layui-btn">确定</button>
laypage 自身的 DOM 结构里不存在文本为“确定”的按钮，所以不存在“替换”一说。先确认你实际要改的是哪个组件的哪个按钮。
layer.confirm 里的“确定”按钮怎么换图标
layer.confirm 默认按钮是纯文本，但支持传入 HTML 字符串。关键点是：必须让 layui 不对按钮内容做二次解析，而是原样插入。
正确写法是直接在 btn 数组中传入带图标的 HTML 字符串：
layer.confirm('确定要删除吗？', {
btn: ['<i class="iconfont icon-ok"></i> 确定', '<i class="iconfont icon-close"></i> 取消'],
yes: function(index) {
layer.close(index);
doDelete();
}
});
注意几点：
- 不要用
<button>标签包裹，layer 会把整个字符串当文本渲染；只需<i>+ 文字即可 - 确保
iconfont类已加载且图标字体文件正常，否则显示为空或方块 - 如果用了 scoped CSS（如 Vue 单文件组件），需用
:deep(.layui-layer-btn .layui-layer-btn0)调整图标间距或垂直对齐 - 按钮文字和图标之间留空格，避免紧贴；必要时加
margin-left: 4px微调
表格工具栏里的“确定”按钮怎么换图标
如果是 table.render() 的 toolbar 或行内操作列中的按钮，那就完全是你自己写的 DOM，替换最直接：
<button class="layui-btn layui-btn-sm" onclick="handleConfirm()"> <i class="iconfont icon-check"></i> 确定 </button>
这时候要注意样式兼容性：
- layui 默认按钮 padding 值偏大，
<i>可能上下偏移，加vertical-align: middle;对齐 - 小号按钮（
layui-btn-sm）里图标容易挤，建议设font-size: 14px并配合line-height: 1 - 不要给
<i>加layui-icon类，否则会被 layui 的图标重置规则覆盖 - 如果按钮有 hover 效果，确保图标颜色也随文字变色，可用
.layui-btn i { color: inherit; }
为什么不能用 CSS 覆盖“确定”文字为图标
有人试图用伪元素或 content: '\e602' 替换按钮文字，这条路基本走不通：
- layer.confirm 的按钮是动态生成的，class 名为
layui-layer-btn0，但内部是纯文本节点，没容器可套伪元素 - 直接改
.layui-layer-btn0::before会覆盖文字，但无法控制图标大小、对齐和响应区域 - 表格里手动写的按钮若用伪元素，会导致点击热区错位，尤其在移动端
- layui 内部有图标重置逻辑（如对
.layui-icon的font-family强制设定），干扰第三方图标字体
真正可控的方式永远是：把图标作为 HTML 元素显式写进去，而不是靠 CSS 暗度陈仓。这看起来多写几个字符，实则省去大量调试时间。
