Components: How to change the color of my mdInput?

[lukecorf]

Well... I'm using mdInput and I don't know how to change the color of the input. Look this picture:

How to put a blue, red, yellow color?

Do I need to use CSS? And how to make my html recognize the css file and component

[diicar]

@lukecorf , there are 3 types of colors: primary, accent or warn

<md-input-container dividerColor="primary">
   ...
</md-input-conainer>

[lukecorf]

@diicar , thanks but I have a problem look this. In the other applications I created the md Input was colored. But now he is black as in the image below. Can I forget to import something?

[diicar]

Getting started for material design: https://material.angular.io/guides

[frankspin89]

@lukecorf please consider using stackoverflow for this type of questions: http://stackoverflow.com/search?q=material2

[kara]

It seems like you might be missing the Material theme. Please keep GitHub issues for bug reports / feature requests. Better avenues for troubleshooting / questions are stack overflow, gitter, mailing list, etc.

[johnknelson]

Wondering the same as the OP. I understand we can style based on the themes via the color directive, but what if I just want a white input?

[regedit15]

.mat-focused .mat-form-field-label {
color: #5cb53f !important;
}

.mat-form-field-ripple {
background-color: #5cb53f !important;
}

[Salhi39]

.mat-focused .mat-form-field-label {
color: #5cb53f !important;
}

.mat-form-field-ripple {
background-color: #5cb53f !important;
}

Thank you

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{_This action has been performed automatically by a bot._}