javascript - 在 CSS 中更改 AngularJS Material 的颜色？

Question

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

这是我的输入框:

<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