垫手风琴菜单下拉选择项-不执行宽度

Question

类似于此问题：

https://morioh.com/p/iQDfnB2z9pZf-但这里也没有人正确回答...

我使用席子扩展面板来显示下拉菜单。在菜单中，我在扩展面板的表单字段中有一个选择/选项下拉列表。但是，下拉列表仅占我宽度的一部分。我希望它填满整个垫子扩展面板。下面的照片。

我的html是（所有这些都在标记内）

        <mat-expansion-panel-header>
            <mat-panel-title>
                {{menuItem}}
            </mat-panel-title>
            <mat-panel-description>
                {{menuDescription}}
            </mat-panel-description>
        </mat-expansion-panel-header>

        <mat-form-field class="mat-expansion-panel-body">

          <mat-select>
            <mat-option *ngFor="let option of menuOptions" [value]="option" (click)="selectConfig(option)">
              {{option}}
            </mat-option>
          </mat-select>
        </mat-form-field>

</mat-expansion-panel>

我的“选项”是下拉选项。我试图在css中做两件事，但都不起作用。 .mat-select-panel:not([class*=mat-elevation-z]){ min-width: calc(100% + 0px) !important;} 和

::ng-deep .mat-menu-item {
    padding: 0 10px!important;
    width: 100%!important;
  }

还有其他想法吗？

提前谢谢！