为md-input更改Angular Material中的默认css

Question

我使用angualr-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;      
}

问题

如何更改自动对焦标签名称和下划线到不同的颜色(让我们说从深蓝色到绿色)

Answer 1

您可以使用此选择器更改输入:

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后包含此项.

我通过这里的文档页面得到了这个:https://material.angularjs.org/latest/demo/input

查看他们的演示,并检查重点输入.