elementui messageBox自定义弹窗的样式（若依）

在RuoYi框架中，若要自定义Element UI的MessageBox样式，可以通过CSS覆盖默认的样式规则。以下是一个简单的示例，展示如何通过外部CSS来修改Element UI的MessageBox样式。

首先，在项目的资源文件夹（如src/main/resources/static）下的CSS文件中添加自定义样式。例如，创建一个名为custom-message-box.css的文件，并添加以下CSS代码：

/* 自定义消息框背景色 */
.el-message-box__wrapper {
  background-color: #f0f0f0;
}
 
/* 自定义消息框标题颜色 */
.el-message-box__header {
  color: #333;
}
 
/* 自定义消息框内容颜色 */
.el-message-box__content {
  color: #666;
}
 
/* 自定义按钮颜色 */
.el-message-box__btns {
  button {
    background-color: #409eff;
    border-color: #409eff;
  }
}

然后，在入口文件（如index.html）中引入这个CSS文件：

<link rel="stylesheet" href="path/to/custom-message-box.css">

请确保替换href中的path/to/custom-message-box.css为你的实际文件路径。

这样，当Element UI的MessageBox组件被渲染时，它将应用你定义的自定义样式。请注意，这种方法可能会影响到所有实例化的MessageBox，如果你需要针对特定的MessageBox实例进行样式定制，你可能需要使用更具体的CSS选择器或者给弹窗添加一个特定的类名，然后针对该类名进行样式覆盖。