（1）改变所有弹框第一个按钮颜色，在css中操作
.layui-layer-btn .layui-layer-btn0 {
background-color: #d3d3d3; /* 灰色背景 */
color: #000; /* 按钮文字颜色 */
}
（2）只改变一个弹框按钮颜色，在success中操作
success: function(layero){
// 在弹框打开后，选择按钮并应用自定义样式
$(layero).find('.layui-layer-btn0').css({
'background-color': '#d3d3d3', // 灰色背景
'color': '#000' // 按钮文字颜色
});
}
完整案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/layui/2.9.8/css/layui.min.css"
/>
<style>
/* 方法一：所有弹框都改变 */
/* .layui-layer-btn .layui-layer-btn0 {
background-color: #d3d3d3;
color: #000;
} */
</style>
</head>
<body>
</body>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/layui/2.9.8/layui.js"></script>
<script>
layui.use(["form", "layer"], function () {
// (form = layui.form), (layer = layui.layer), form.render();
layer.open({
title: "弹窗标题",
content: "这里是弹窗的内容",
btn: ["取消"],
success: function (layero) {
//方法2：仅改变当前按钮颜色
// 在弹框打开后，选择按钮并应用自定义样式
$(layero).find(".layui-layer-btn0").css({
"background-color": "#d3d3d3", // 灰色背景
color: "red", // 按钮文字颜色
});
},
yes: function (index) {
layer.close(index); // 点击确定按钮后关闭弹窗
},
cancel: function () {
// 点击取消按钮的回调函数
layer.close(index);
},
});
});
</script>
</html>
(仅改变当前弹框)标签：function,layer,color,layui,弹框,按钮,open From： https://www.cnblogs.com/zhaofen/p/18380701