Изменить цвета для AngularJS Материал в CSS?

Question

Я пытался изменить цвет текста в input в AngularJS Material с помощью CSS, но почему-то это не сработало. Что я делаю не так?

Это мое поле ввода:

<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