在父元素内设置<mat-select>的样式

Question

<div>
<custom-mult-select>
<mat-select></mat-select>
</custom-multi-select>
</div>

我无法设置宽度样式。我尝试了以下方法。

div.custom-multi-select.mat-select{
width: 175px;
}

Answer 1

尝试将其放在mat-form-field内，然后设置宽度。

<mat-form-field style="width:300px">
  <mat-select>
    <mat-option></mat-option>
  </mat-select>
</mat-form-field>

Answer 2

编辑CSS并通过添加！important

覆盖当前样式。

custom-mult-select {
width: 175px!important;
}