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,即使存在多个相同组件,也不会污染它们的样式
以此类推,其它组件也是如此