angularjs - 更改 Angular Material 中的默认 css 以进行 md-input

Question

我已经使用 angualr-material 实现了表单，但找不到任何标准方法来更改 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
}

在包含 Angular Material 的 css 后包含此内容。

我是通过访问此处的文档页面获得的: https://material.angularjs.org/latest/demo/input

查看他们的演示，并检查重点输入。