Angular material 角度材质6替代输入/选择样式

Angular material 角度材质6替代输入/选择样式,angular-material,Angular Material,我试图覆盖材质输入元素上的颜色,使其始终为白色。这包括输入/选择字段的轮廓、占位符和文本本身,即使在字段不对焦时也是如此 我确实阅读了官方材料覆盖风格指南,但我发现它有点宽泛,希望能有更多的指导 这是我的代码: <mat-card class="coverage-card"> <mat-card-content> <form> <mat-form-field appearance="outline" class="address-zip

我试图覆盖材质输入元素上的颜色,使其始终为白色。这包括输入/选择字段的轮廓、占位符和文本本身,即使在字段不对焦时也是如此

我确实阅读了官方材料覆盖风格指南,但我发现它有点宽泛,希望能有更多的指导

这是我的代码:

<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>
“开箱即用”材质颜色仅在字段聚焦时应用。当字段不在焦点时,我无法找到应用于大纲或占位符的样式

我尝试用一个!重要的是,我只是想看看我是否能找到合适的课程,但我还没有运气


尽管这看起来很复杂,但创建自定义角度材质主题来解决这一问题并不困难。我建议你:1)创建一个自定义主题,然后。这将影响所有输入2)创建自定义主题,并(通过这种方式,您可以对输入动态应用不同的主题)
.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;
}