el-dialog关闭按钮样式修改不影响其它el-dialog关闭按钮样式
时间: 2024-05-25 12:08:05 浏览: 282
关闭按钮图标
您可以通过给该 el-dialog 组件的关闭按钮设置独立的 class 名称,然后在 CSS 样式表中针对该 class 名称进行样式设置,以达到修改该关闭按钮样式不影响其它 el-dialog 组件关闭按钮样式的目的。
具体做法如下:
1. 在 el-dialog 的组件标签上添加一个新的属性 `:close-button-class`,将其值设置为你想要设置的独立 class 名称,例如:
```html
<el-dialog :close-button-class="my-close-button-class"></el-dialog>
```
2. 在 CSS 样式表中定义你设置的独立 class 名称对应的样式,例如:
```css
.my-close-button-class {
/* 在这里添加你想要设置的样式 */
}
```
这样,你就可以通过设置独立的 class 名称来修改 el-dialog 的关闭按钮样式,而不会影响其它 el-dialog 组件的关闭按钮样式了。
阅读全文