Javascript “角度材质”对话框中的透明背景

我试图使用cssvar（）更改“角度材质”对话框的颜色，但是背景变为透明，而不是我需要的颜色

Css样式：

.custom-dialog >  mat-dialog-container {
  background: var(--background);
}

打开对话框功能：

openDialogForCreateDirectory(): void {
    this.dialog.open(CreateDirectoryComponent, {
      width: '400px',
      panelClass: 'custom-dialog'
    });
  }

---

若要更改角度材质库UI中的任何内容，需要在styles.scss（即根级别）中添加css

---

请参见您需要使用

：：ng deep

强制将样式向下转换为角度材质组件：

::ng-deep .custom-dialog > mat-dialog-container {
  background-color: var(--background);
}

---

请参阅工作示例：

在我的例子中，这没有帮助。我的项目结构是我在这里看不到任何对话框。这是更新的还是什么？这回答了你的问题吗？