element-plus的el-dialog对话框组件自定义样式未生效

修改dialog组件样式必须在非scoped环境下,再加一个style标签,并给需要加的dialog一个类名eg:createDialog

<style lang="scss" scoped>
...
</style>
<style lang="scss">
.createDialog{
  .el-dialog__body {
    padding: 0;
  }
  .el-dialog__header {
    padding: 0;
  }
}
</style>

这样子就非常nice,即使存在多个相同组件,也不会污染它们的样式

以此类推,其它组件也是如此

posted @ 2023-03-21 01:02  槑孒  阅读(951)  评论(0编辑  收藏  举报