💻 在日常开发中，我们常常会遇到需要对弹窗组件进行定制化调整的需求。比如这次，我就遇到了一个问题——如何改造 `layer confirm` 弹窗中的按钮颜色？🤔 虽然它功能强大，但默认样式有时无法满足设计需求，特别是当界面风格需要统一时，调整按钮颜色显得尤为重要！

首先，我们需要了解 `layer confirm` 的配置项。通过查阅文档得知，它支持自定义按钮样式，包括文字颜色、背景色等。于是，我决定从 CSS 入手，通过覆盖默认样式来实现目标。🎨 使用类名 `.layui-layer-btn` 和子类 `.layui-layer-btn0`、`.layui-layer-btn1` 分别定位确认和取消按钮，并为其添加个性化样式。例如：

```css

.layui-layer-btn .layui-layer-btn0 {

background-color: 4CAF50; / 绿色 /

color: white;

}

.layui-layer-btn .layui-layer-btn1 {

background-color: f44336; / 红色 /

color: white;

}

```

经过一番调试，最终效果非常满意！👍 修改后的弹窗不仅美观，还提升了用户体验。如果你也有类似需求，不妨试试这个方法吧！💡