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关闭按钮的图标相关推荐

element-ui 点击dialog右上角关闭图标不关闭的问题
网上一些人说不起效是因为 visible 属性没有添加 .sync 修饰符. 一般情况下是因为一个 before-close 属性,这个是关闭前的回调,会暂停dialog的关闭. 该回调接收一个 do ...
上传服务器后字体文件丢失,详解Vue+elementUI build打包部署后字体图标丢失问题...
错误描述: Vue+elementUI build打包部署后字体图标丢失,控制台显示文件element-icons.woff和element-icons.ttf文件404 错误展现: 控制台报错截图 ...
Element-Ui组件（二）Icon 图标
Element-Ui组件(二)Icon 图标本文参考Element官方文档: http://element-cn.eleme.io/#/zh-CN/component 基本用法 Element内置丰 ...
vue element-ui的嵌套dialog遮罩层
vue element-ui的嵌套dialog遮罩层打开dialog时,遮罩层直接将全部body遮住内嵌dialog关闭时父级dialog依旧被遮罩层遮住自己做项目时需要用到嵌套dialog,但 ...
更改tomcat服务器项目的图标
我们在本地调试tomcat项目或者发布项目的时候总是会遇到tomcat图标显示问题 AS 我们想更改为自己的logo或者喜欢的图标 tomcat下默认图标 ...
java menuitem 图标_java – 如何以编程方式更改ActionBar中的MenuItem图标
如何以编程方式更改ActionBar中的MenuItem图标?我试着用 MenuItem menuItem = (MenuItem)findViewById(R.id.action_settings) ...
javafx 图表css,如何在CSS中的第7个系列之上更改javaFX LineChart中的图标？
我正在绘制几个系列的图表,但我只能用css个性化第7个系列.从第8行开始,它返回到默认颜色0设置.有人能帮我吗?如何在CSS中的第7个系列之上更改javaFX LineChart中的图标? CSS代码 ...
若依框架更改浏览器的title和图标
若依框架更改浏览器的title和图标 1.实现效果 2.实现过程 2.1改变图标 2.2改变title 1.实现效果可以看到title是改变了的,图标偷懒就没有换 2.实现过程 2.1改变图标打开 ...
Android 主题栏，信息栏，深色信息栏（更改手机顶部显示字体/图标颜色为深色）
Android 主题栏,信息栏,深色信息栏(更改手机顶部显示字体/图标颜色为深色) activity移除主题栏 Objects.requireNonNull(getSupportActionBar() ...

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

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

最新文章

热门文章