angular material mat-select drop-down width

Question

現在のドロップダウンボックスの幅は、線の幅よりも大きくなっています。

余分な幅を取り除く方法はありますか？

これが私の現在のコードです：

html：

<mat-form-field>
    <mat-select disableOptionCentering placeholder="Choose an option">
      <mat-option [value]="option" *ngFor="let option of my_list">
          {{ option }}
      </mat-option>
    </mat-select>
</mat-form-field>

私のリスト：

export const my_list: string[] = [ "a", "b", "c", "d"];

style.css：

.mat-select-panel{
    margin-left: 15px;
    margin-top: 28px;
}

Answer 1

これを試して幅を変更してください：

   <mat-select style="width:10px">

Answer 2

これを試して

.mat-select-panel：not（[class * = mat-elevation-z]）{min-width：calc（100％+ 0px）！重要; }