如何更改“角度材质”对话框的容器宽度大小

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

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

}