Looking for a way to apply styling to the md-input label inside md-input-container using ng-class.
While able to style with inline css, encountering issues when trying to use a css class on the label. Is this expected behavior or am I overlooking something?
Here's the CSS being used:
.red {
color: red;
}
And here is the HTML snippet:
<md-input-container class="md-block" flex-gt-xs="">
<label class="red">Company (Disabled)</label>
<input ng-model="user.company" disabled="">
</md-input-container>
Notice that the label does not change color as intended with this piece of code:
<md-input-container class="md-block" flex-gt-xs="">
<label style="color:red">Company (Disabled)</label>
<input ng-model="user.company" disabled="">
</md-input-container>
Open to suggestions and workarounds!