Angular Материал - как изменить цвет границы при наведении?

Question

Я попробовал все, что мог придумать, используя :: ng-deep, но я не могу выбрать цвет границы при наведении!

Я могу изменить его правильно в Dev Tools, но я не могу применить его в код, селектор кажется всегда неправильным!

это html:

 <mat-form-field appearance="outline" class="userNameInput">
        <mat-label>Username</mat-label>
        <input matInput #email type="email" placeholder="mail@mail.com" (keyup.enter)="loadUserInfo(email.value)">
      </mat-form-field>

по умолчанию цвет рамки наведения - черный!

Answer 1

Попробуйте добавить это в свой файл css / s css,

.userNameInput:hover {
  border: 2px solid red;
}

, если не работает! попробуй,

.userNameInput:hover {
  border: 2px solid red !important;
}

Надеюсь, это поможет have

взглянуть на это,