Changement angulaire du matériel d'entrée de style

Je suis en train de changer le style d'une angulaire du matériel d'entrée.

Jusqu'à présent j'ai réussi à changer la background-color à l'aide de :

md-input-container {
    padding-bottom: 5px;
    background-color: #222;
}

L'espace réservé et étiquette de couleur à l'aide de :

md-input-container.md-default-theme label,   
md-input-container.md-default-theme .md-placeholder {  
    color: #FDFE67 !important; 
} 

Mais je n'arrive pas à changer la couleur de la ligne sous le texte, lorsque nous focus l'entrée et la couleur du texte lorsque l'on tape dans l'entrée.

Voici le code html d'entrée :

<md-content>
    <md-input-container>
        <label>{{isEnglish ? 'Search...' : 'Recherche...'}}</label>
           <input ng-model="searchInput" id="sInput" 
                  ng-change="filterCartoList(searchInput)" my-enter="filterCartoList(searchInput)">
    </md-input-container>
</md-content>

Edit: j'ai réussi à changer la couleur du texte lors de la saisie de cette façon :

md-input-container .md-input {
color: rgba(255,255,255,0.87);
border-color: rgba(254,253,103,0.82);
}
faire du violon, de cette façon n'est pas claire et ne peut pas aider
Il suffit de changer la couleur du matériel existant d'entrée, nous pouvons y trouver : material.angularjs.org/latest/#/demo/material.components.input Après avoir vu leur exemple, "la couleur de la ligne sous le texte, lorsque nous nous concentrons l'entrée et la couleur du texte lorsque l'on tape dans l'entrée." devrait être plus clair pour vous, vous pouvez exporter directement leur exemple codepen. J'ai aussi ajouté le code html d'entrée dans la question

OriginalL'auteur Ellone | 2015-09-15