element plus 的 el-dialog 自定义样式

对于 Element Plus 的 el-dialog 组件，你可以通过自定义样式来修改其外观。以下是一种常见的自定义样式方法：

1. 首先，给 el-dialog 添加一个自定义的 class 名称，例如 "custom-dialog"。

<el-dialog class="custom-dialog"></el-dialog>

2. 在你的 CSS 文件（或者在 `<style>` 标签内）中，使用该自定义 class 来定义样式。

.custom-dialog {
 /* 在这里添加你的自定义样式 */
}

3. 这样，你就可以在 `.custom-dialog` 中添加任何你想要的样式来覆盖 Element Plus 默认的样式。例如，你可以修改背景颜色、边框样式、标题栏样式等。

.custom-dialog {
  background-color: #f5f5f5;
  border-radius: 10px;
}

.custom-dialog .el-dialog__header {
  background-color: #333;
  color: #fff;
  border-radius: 10px 10px 0 0;
}

通过以上方法，你可以自定义 el-dialog 组件的样式来满足你的需求。如果需要更复杂的修改，你还可以使用 scoped CSS 或者深度选择器来进一步调整样式。注意，某些样式可能需要使用 `!important` 来覆盖默认样式。

希望这能帮到你！如有更多问题，请随时提问。