el-dialog的标题样式修改

`el-dialog` 是 Element UI 中的一个内置组件，用于创建可关闭的对话框或模态窗口。如果你想修改其标题（也就是头部的 `el-dialog-title`）的样式，你可以通过 CSS 进行定制。以下是一些基本的样式调整示例：

1. **直接修改全局样式**：

   .el-dialog__title {
     color: your-color; /* 修改字体颜色 */
     font-size: your-font-size; /* 修改字体大小 */
     background-color: your-background-color; /* 修改背景色 */
     padding: your-padding; /* 修改内边距 */
     border-bottom: your-border-style; /* 修改下边框样式 */
   }

2. **只针对特定dialog应用样式**，可以给 dialog 元素加上一个特定的类名，然后在该类的 CSS 中定义样式：

   <el-dialog class="custom-dialog" title="自定义标题">
   </el-dialog>

   .custom-dialog .el-dialog__title {
     /* 自定义样式 */
   }

3. **使用 Vue 的 scoped 模式**，如果你在 Vue 组件中使用 scoped 样式，可以使用 `::v-deep` 或 `>>>` 来穿透到外部元素：

   ::v-deep .el-dialog__title {
     /* 自定义样式 */
   }

记得在实际项目中测试，确保你的修改不会影响其他地方的 `el-dialog` 样式。