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 )

enter image description here

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.

enter image description here


Comments

Popular posts from this blog

Delphi XE2 Indy10 udp client-server interchange using SendBuffer-ReceiveBuffer -

Qt ActiveX WMI QAxBase::dynamicCallHelper: ItemIndex(int): No such property in -

Enable autocomplete or intellisense in Atom editor for PHP -