如何解决垫形场颜色变化
我正在开发角度应用程序,下面两个链接中也提到了类似的问题
Conditionally applying css to mat form field Changing color of mat form ripple conditionally
但是在两个链接上建议的解决方案均无效。有谁知道更好的解决方案吗?
解决方法
您可以像在示例中所做的那样在mat-form-field中应用内联CSS。 style =“ color:red”
<mat-form-field appearance="legacy" style="color:red">
<mat-label>Legacy form field</mat-label>
<input matInput placeholder="Placeholder">
<mat-icon matSuffix>sentiment_very_satisfied</mat-icon>
<mat-hint>Hint</mat-hint>
</mat-form-field>
,
你好,我在接下来的步骤中更改了 mat-form-field 的颜色
不要忘记出现 mat-form-field 的组件上的这一行:
@Component({
...,encapsulation: ViewEncapsulation.None
})
在你改变不同的元素颜色为白色之后:
光标颜色:
.mat-input-element {
caret-color: gray;
}
轮廓颜色:
.mat-form-field-appearance-outline .mat-form-field-outline {
color: rgba($color: #FFFFFF,$alpha: 0.3);
}
轮廓聚焦颜色:
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
color: rgba($color: #FFFFFF,$alpha: 0.8);
}
标签颜色:
mat-label{
color:rgba($color: #FFFFFF,$alpha: 0.8);
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。