vue3中element-ui之dialog弹框组件修改背景色及其他样式_dialog弹窗颜色

//主要是加上  ::v-deep
 
::v-deep .el-dialog {
    --el-bg-color: #000741 !important;
}
 
//弹框头部
::v-deep .el-dialog__header {
    --el-text-color-primary: #1EFFFF;
    --el-text-color-regular: #fff;
    padding: 0 !important;
    width: 100%;
    height: 64px;
    background: linear-gradient(90deg, #1165F8 0%, rgba(28, 97, 234, 0) 100%);
}
//弹框标题
::v-deep .el-dialog__title {
    margin-left: 24px;
    line-height: 64px;
}
//弹框内容部分
::v-deep .el-dialog__body {
    --el-bg-color: #000741 !important;
    --el-text-color-regular: #fff;
}