Угловой материал 6 переопределить ввод / выбрать стиль

Question

Я пытаюсь переопределить цвета на моих элементах ввода материала, чтобы они всегда были белыми.Это включает в себя схему поля ввода / выбора, местозаполнителя и самого текста, даже когда поле не в фокусе.

Я прочитал официальное руководство по переопределению стилей материала, но нашел его немногоширокая и надеялась получить еще какое-то направление для этого.

Это мой код:

<mat-card class="coverage-card">
 <mat-card-content>
   <form>
     <mat-form-field appearance="outline" class="address-zip white-text">
       <mat-label>Square Footage</mat-label>
       <input type="number" matInput>
     </mat-form-field>
   </form>
 </mat-card-content>
</mat-card>

CSS-стили:

.coverage-card{
    min-width: 400px;
    max-width: 620px;    
    background-color: #FF6A13;
    height: 575px;
    border-radius: 20px;
}

.address-zip{
    max-width: 190px;
    margin-right: 10px;
}

.white-text{
    color: white;
}

Готово из коробкиЦвет материала применяется только когда поле сфокусировано на.Мне не удалось найти стиль, который применяется к контуру или заполнителю, когда поле не в фокусе.

Я пытался переопределить классы, такие как .mat-form-field -репейство-контур вstyles.scss с! важным, просто чтобы посмотреть, смогу ли я найти правильный класс и еще не повезло.

Не в фокусе

Сфокусировано

Заполнено