element中Dialog和MessageBox弹框按钮和关闭图标样式修改

项目中用到了比较多的Dialog弹框和MessageBox弹框,但是Element原始的组件样式
已经不符合项目的风格,所以需要对Element中的样式进行整体修改
当然可以使用Element中的自定义主题,目前项目中包含老项目,风格样式没
办法做到统一
原始的组件样式如下
原始Dialog弹框
原始MessageBox弹框
直接上修改完成的代码
重新写了一个类名oe-dialog-btn,在使用Dialog和MessageBox弹框的地方直接写此类名就好了
(可以将修改的样式写在全局公共样式中,这样整个项目都可以用了)
/* 修改 取消 按钮默认的边框颜色 */
.oe-dialog-btn .el-button:first-child {
border-color: #dcdfe6;
}
/* 修改 确认 按钮默认的边框颜色 */
.oe-dialog-btn .el-butt

element中Dialog和MessageBox弹框按钮和关闭图标样式修改最先出现在Python成神之路

版权声明:
作者:lichengxin
链接:https://www.techfm.club/p/27710.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>