css - 如何更改 Angular Material 对话框容器宽度大小

Question

我想更改角度材质对话框容器的宽度大小。我尝试了不同的方法，甚至将它放在全局样式 css 上，但它仍然不起作用。

现在我做错了什么？为什么改了不反映？它与默认的角度材料有关吗？

我也尝试在我的组件 css 上添加它，结果仍然相同。

尽管这与解决问题或算法无关，但请对此进行处理。谢谢你。

CSS

.mat-dialog-container { 
  display: block; 
  padding: 24px; 
  border-radius: 4px; 
  box-sizing: border-box; 
  overflow: auto; outline: 0; 
  /* width: 1800px !important; */ 
  height: 100%; min-height: inherit; 
  max-height: inherit; 
  min-width: 100px;
  max-width: 100vw !important;
}

标签： cssangularangular-material

Answer 1

试试下面的

.cdk-overlay-pane {
pointer-events: auto;
box-sizing: border-box;
max-width: 100%;
max-height: 100%;
width: 1005px !important; //your require width here

}