我有一個對話框，它的頂部欄是藍色的，使用 mat-dialog 類并從 mat-dialog-container 獲取一些樣式。問題是默認樣式
mat-dialog-container {
display: block;
padding: 24px;
border-radius: 4px;
box-sizing: border-box;
overflow: auto;
outline: 0;
width: 100%;
height: 100%;
min-height: inherit;
max-height: inherit;
}
這創造了這個
我可以通過創建自己的面板類并將其應用于對話框和 ng-deep 來擺脫這種情況
::ng-deep .my-custom-dialog-class {
mat-dialog-container {
padding: 0;
}
}
這修復了我的填充，但產生了一個新問題，即我在對話框視窗的底部有一個滾動條。我怎樣才能避免這種情況，或者除了做 ng-deep 之外還有其他方法嗎？表單的大小沒有改變，只是填充設定為 0，我得到了滾動條，即使沒有什么可以滾動的？下面是容器的填充設定為 0 時的螢屏截圖。
uj5u.com熱心網友回復：
試試看。overflow-x:hidden_mat-dialog-container
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/425595.html