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

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

如图：

这是使用了elementUI对话框的组件后找到了对应的类名改变后的效果。

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

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

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

这篇好文章是转载于：学新通技术网