材质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; 
}