材質2對話框改變樣式

Question

我試圖改變MD對話框的樣式。

我main.scss

我正在導入預生成粉紅bluegrey主題... 然後在我的分量I導入以下 - >

@import "@angular/material/dialog/dialog.scss"; 
 

 
$mat-dialog-padding: 0; 
 
$mat-dialog-border-radius: 0.5rem; 
 
$background: #ffffff; 
 

 
@mixin mat-dialog-container { 
 
    padding: $mat-dialog-padding; 
 
    border-radius: $mat-dialog-border-radius; 
 
    background: $background; 
 
} 
 

 
@include mat-dialog-container;

的填充和邊框半徑正確應用於對話窗口。 但是背景不起作用......也嘗試了！重要的陳述。

我在單個組件中使用此功能... 是否還有對全局應用這些樣式的更改？

in chrome dev tools我看到了那些應用風格的變化。背景被pink-bluegrey主題覆蓋..

希望任何人都可以提供幫助。

感謝

Answer 1

我通過在文件材料2-APP-theme.scss結束這個CSS塊解決了這個問題

.mat-dialog-container { 
    overflow: hidden !important; 
    border-radius: 5px !important; 
    padding: 5px !important; 
}