我正在嘗試用有棱角的材料制作一些地墊。我想用紫色或紅色勾勒出它們的輪廓。

這是模板:

<mat-form-field class="example-form-field" appearance="outline" color="warn">
  <mat-label>Search name</mat-label>
  <input matInput type="text">
    <button matSuffix mat-icon-button aria-label="Clear">
       <mat-icon>close</mat-icon>
    </button>
</mat-form-field>


<mat-form-field appearance="outline" color="warn">
    <mat-label>filter</mat-label>
    <mat-select>
      <mat-option value=''>All</mat-option>
    </mat-select>
  </mat-form-field>

我在我的scss文件中嘗試這樣做:

::ng-deep .mat-form-field {
    .mat-input-element {
        color: slategray;
    }
    .mat-form-field-label {
        color: slategray;
    }
    .mat-form-field-underline {
        background-color: slategray;
    }
    .mat-form-field-ripple {
        background-color: slategray;
    }
    .mat-form-field-required-marker {
        color: slategray;
    }
}

我還添加了封裝:視圖封裝。@Component decorator沒有。

我的嘗試沒有成功。

感謝您的寶貴時間！