el-dialog 修改右上角关闭按钮的颜色

你可以通过设置 `close-on-click-modal` 属性为 `false`，然后自定义一个关闭按钮来修改右上角关闭按钮的颜色。具体步骤如下：

1. 在 `el-dialog` 上添加 `:close-on-click-modal="false"` 属性，禁止点击遮罩层关闭对话框。

2. 在 `el-dialog` 的 `header` slot 中添加一个自定义的关闭按钮，例如：

<template slot="header">
  <div class="dialog-header">
    <span class="title">{{ title }}</span>
    <button class="custom-close-btn" @click="closeDialog">
      <i class="el-icon-close"></i>
    </button>
  </div>
</template>

3. 在样式中设置自定义关闭按钮的样式，例如：

.custom-close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #f00; /* 修改按钮背景颜色 */
  border: none;
  outline: none;
  cursor: pointer;
}

.custom-close-btn:hover {
  background-color: #ff0; /* 修改按钮鼠标悬停时的背景颜色 */
}

这样就可以修改右上角关闭按钮的颜色了。