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;
}