在 CSS 中更改 AngularJS Material 的颜色？

Question

我曾尝试用 CSS 更改 input 和 AngularJS Material 中的文本颜色，但不知何故无法正常工作。我做错了什么？

这是我的输入字段：

<md-input-container>
        <label>Title</label>
        <input ng-model="user.title">
</md-input-container>

这就是我尝试更改文本颜色的方式。

<md-input-container style='color:#e52973'>
        <label>Title</label>
        <input style='color:#e52973' ng-model="user.title">
</md-input-container>

Answer 1

您需要将 !important 与您的样式属性一起使用以覆盖默认值。

此外，您只需在 input 而不是 md-input-container 上应用样式即可更改输入文本的颜色。

因此您当前的代码：

<md-input-container style='color:#e52973'>
        <label>Title</label>
        <input style='color:#e52973' ng-model="user.title">
</md-input-container>

更改为：

<md-input-container>
        <label>Title</label>
        <input style='color:#e52973 !important' ng-model="user.title">
</md-input-container>

工作代码笔示例：https://codepen.io/anon/pen/VxrjEx

在 CSS 中更改 AngularJS Material 的颜色？

Change colors for AngularJS Material in CSS?

javascript

css

angularjs

angularjs-material