更改 Angular Material 中的默认 css 以进行 md-input [英] Changing default css in Angular Material for md-input
本文介绍了更改 Angular Material 中的默认 css 以进行 md-input的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我已经使用 angualr-material 实现了表单,但找不到任何标准方法来更改材料中的默认颜色编码.
I have implemented form using angualr-material, I can't find any standard ways to change default color coding in material.
表格
<div class="col-xs-12 testFormLabel">
<md-input-container class="testLabel">
<label>Reason</label>
<input name="reasonBox" id="reasonBox" ng-model="obj. reasonBox" ng-required="true">
</md-input-container>
</div>
<md-input-container class="testLabel"><label>原因</label><input name="reasonBox" id="reasonBox" ng-model="obj.reasonBox" ng-required="true"></md-input-container>
css
css
How can i change auto focus label name and underline to different color ( let say from dark blue to green )
问题
如何将自动对焦标签名称和下划线更改为不同颜色(比如从深蓝色到绿色)
解决方案
推荐答案
你可以使用这个选择器来改变输入:
Use this to change the label:
md-input-container:not(.md-input-invalid).md-input-focused label {
color: red
}
使用它来更改标签:
I got this by going to the docs page here: https://material.angularjs.org/latest/demo/input
在包含角度材料的 css 之后包含此内容.
Looking at their demo, and inspecting a focused input.
我通过转到此处的文档页面获得了此信息:
这篇关于更改 Angular Material 中的默认 css 以进行 md-input的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文