小编jon*_*nny的帖子

材质2对话框更改样式

我正在尝试改变md对话框的样式.

在我的main.scss中我正在导入预建粉红色 - 蓝色主题...然后在我的组件中我导入以下 - >

@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;
Run Code Online (Sandbox Code Playgroud)

填充和边框半径正确应用于对话框窗口.但背景不起作用......也试过了!重要声明.

我在单个组件中使用它...是否还有一个更改以全局应用这些样式?

在chrome dev工具中,我看到了那些应用的样式更改.背景被粉红色 - 蓝色主题覆盖..

希望有人能提供帮助.

谢谢

css angular-material2

5
推荐指数
2
解决办法
1万
查看次数

标签 统计

angular-material2 ×1

css ×1