Angular Material 15 - Как изменить цвет границы контура поля mat-mdc-form-field

Question

Как изменить цвет подчеркивания контура поля формы мата в Angular Material ** Версия 15 **

этот post stackoverflow был очень полезен, но я не мог изменить цвет границы с помощью этого, потому что у нас нет свойства $border на mat.define-typography-level( ) material.angular.io

      <p>
  <mat-form-field appearance="outline">
    <mat-label>Outline form field</mat-label>
    <input matInput placeholder="Placeholder">
    <mat-icon matSuffix>sentiment_very_satisfied</mat-icon>
    <mat-hint>Hint</mat-hint>
  </mat-form-field>
</p>

Я безуспешно пытался обойти границу

      mat-form-field{
  background-color: #f3f6f9; // success
  border:2px solid red; // it's add another border so not resolve  
}

Answer 1

Возможно, вы ищете CSSoutline-colorсвойство.

БЫВШИЙ.

      <input class="hide-outline-color" />

тогда в вашем CSS

      .hide-outline-color:focus-visible {
  outline-color: transparent;
}