css - 在父元素内设置 样式

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>