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

前端之家收集整理的这篇文章主要介绍了angularjs – 为md-input更改Angular Material中的默认css前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用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;      
}

问题

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

enter image description here

解决方法

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

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

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

enter image description here

猜你在找的Angularjs相关文章