如何在展开时设置Angular材质的mat-expansion-panel-header的高度？

Question

我想设置能够扩展的mat-expansion-panel-header的高度[例如32px]。但是，在扩展面板时，高度将变为材质的默认高度[我猜是64px]，然后将其设置为我的自定义高度[32px]。这导致了闪烁效果。您可以在https://angular-v138d6.stackblitz.io

上检查行为

请告知是否有一种方法可以在面板“处于展开状态”时覆盖mat-expansion-panel-header的高度

Answer 1

使用

.mat-expansion-panel-header.mat-expanded {
height: 4rem
}

如果需要，您也可以使用

/ngdeep/.mat-expansion-panel-header.mat-expanded {
height: 4rem
}