angularjs - Changing default css in Angular Material for md-input -
i have implemented form using angualr-material, can't find standard ways change default color coding in material.
form
<div class="col-xs-12 testformlabel"> <md-input-container class="testlabel"> <label>reason</label> <input name="reasonbox" id="reasonbox" ng-model="obj. reasonbox" ng-required="true"> </md-input-container> </div>
css
.md-input-has-value. testlabel > input { color:#008cba; }
problem
how can change auto focus label name , underline different color ( let dark blue green )
you can use selector change input:
md-input-container:not(.md-input-invalid).md-input-focused .md-input { border-color: red }
use change label:
md-input-container:not(.md-input-invalid).md-input-focused label { color: red }
include after include css angular material.
i got going docs page here: https://material.angularjs.org/latest/demo/input
looking @ demo, , inspecting focused input.
Comments
Post a Comment