使用elementUI的对话框组件改变圆角但背景还是直角白边

度阡_eve

于 2022-06-25 16:28:38 发布

阅读量1.8k

点赞数

分类专栏：布局文章标签： elementui vue.js css3

本文链接：https://blog.csdn.net/weixin_48419553/article/details/125460877

版权

2 篇文章

订阅专栏

如图：
在这里插入图片描述
这是使用了elementUI对话框的组件后找到了对应的类名改变后的效果。

方法：需要改变两层嵌套的样式，但是使用SCSS时不可以用嵌套的写法，
代码：

/deep/.el-dialog {
  border-radius: 0.2rem !important;
}
/deep/.el-dialog__body {
  border-radius: 0.2rem !important;
}

个人做法是需要配合深度选择器和!important来改变默认的样式，两层的圆角参数需要一致。