elementui更改el-dialog关闭按钮的图标

在这里插入图片描述
先上图

<el-dialog title="对话框" :visible="true" @close="关闭事件()" @opened="打开事件()" class="想来点其他样式">

主要是添加一下样式

.el-dialog__headerbtn {
    top: 8px !important;
    background: url('https://你路径资源的url图片') left no-repeat;
    background-size: cover;
}
.el-dialog__headerbtn i {
    content: '修改下面的font-size可以改变图片的大小';
    font-size: 25px;
    visibility: hidden;
}

你可能感兴趣的:(elementui更改el-dialog关闭按钮的图标)