我想go 掉角material 模式对话框中的空白.如何设置CSS样式,使我看不到任何白色?到目前为止我的CSS:
app-commission-me-dialog {
margin: 0px;
padding: 0px;
}
.mat-dialog-container {
margin: 0px;
padding: 0px;
}
我想go 掉角material 模式对话框中的空白.如何设置CSS样式,使我看不到任何白色?到目前为止我的CSS:
app-commission-me-dialog {
margin: 0px;
padding: 0px;
}
.mat-dialog-container {
margin: 0px;
padding: 0px;
}
Updated Answer
根据官方文件:
Styling overlay components
基于覆盖的组件有一个panelClass
通过在全局应用程序中添加css类,可以覆盖默认的对话框容器样式.例如:
.custom-dialog-container .mat-dialog-container {
/* add your styles */
}
之后,您需要将CSS类作为100参数提供给您的对话框:
this.dialog.open(MyDialogComponent, { panelClass: 'custom-dialog-container' })
链接到StackBlitz Demo.更多信息,请阅读本official documentation.
Original Answer
使用ViewEncapsulation可以用样式替代默认样式.
在打开对话框的组件中,执行以下更改:
import {ViewEncapsulation} from '@angular/core';
@Component({
.....,
encapsulation: ViewEncapsulation.None
})
在该组件的css文件中,添加以下类:
.mat-dialog-container {
padding: 0px !important;
}
这里是Plunker Demo的链接.