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

发布时间：2020-12-17 17:21:34 所属栏目：安全来源：网络整理

导读：我使用angualr-material实现了表单,我找不到任何标准方法来更改材质中的默认颜色编码. 形成 div class="col-xs-12 testFormLabel" md-input-container class="testLabel" labelReason/label input name="reasonBox" id="reasonBox" ng-model="obj. reasonBox

我使用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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!