更改Angular Material中的默认CSS以用于md输入 [英] Changing default css in Angular Material for 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>
css
.md-input-has-value. testLabel > input {
color:#008cba;
}
问题
如何将自动对焦标签的名称和下划线更改为不同的颜色(例如,从深蓝色变为绿色)
How can i change auto focus label name and underline to different color ( let say from dark blue to green )
推荐答案
您可以使用此选择器更改输入:
You can use this selector to change the input:
md-input-container:not(.md-input-invalid).md-input-focused .md-input {
border-color: red
}
使用它来更改标签:
md-input-container:not(.md-input-invalid).md-input-focused label {
color: red
}
在包含角材料的css之后将其包括在内.
Include this after you include the css for angular material.
我通过转到此处的文档页面获得了此信息: https://material.angularjs.org /latest/demo/input
I got this by going to the docs page here: https://material.angularjs.org/latest/demo/input
查看他们的演示,并检查集中的输入.
Looking at their demo, and inspecting a focused input.
这篇关于更改Angular Material中的默认CSS以用于md输入的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!