垫选择样式显示的默认值是不能更改块？

Question

我是新手。创建了一个标头组件，并在标头中添加了另一个具有以下代码的组件。

<mat-form-field class="select-comp">
  <mat-label>Fruits</mat-label>

  <mat-select id="select1" class="item-selector">
    <mat-option *ngFor="let fruit of fruits" [value]="fruit.value">
      {{fruit.viewValue}}
    </mat-option>
  </mat-select>
</mat-form-field>

<mat-form-field class="select-comp">
  <mat-label>Vegitables</mat-label>

  <mat-select id="select2" class="item-selector">
    <mat-option *ngFor="let vegitable of vegitables " [value]="vegitable.value">
      {{vegitable.viewValue}}
    </mat-option>
  </mat-select></mat-form-field>

如果我检查“ .mat-form-field-infix”和“ .mat-select-placeholder”，css显示属性显示为block，则尝试使用display: inline !important覆盖它。但是它不起作用，并且在屏幕上显示为块，并且在我们检查时属性为块。知道什么地方错了吗？