web-dev-qa-db-fra.com

Changer le style de saisie du matériau angulaire

J'essaie de changer le style d'une entrée de matériau angulaire.

Jusqu'à présent, j'ai réussi à changer le background-color en utilisant:

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

L'espace réservé et la couleur de l'étiquette en utilisant: 

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

Mais je ne parviens pas à changer la couleur de la ligne sous le texte lorsque nous focus l'entrée et la couleur du texte lorsque nous tapons l'entrée.

Voici l'entrée HTML:

<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 en tapant de cette façon: 

md-input-container .md-input {
color: rgba(255,255,255,0.87);
border-color: rgba(254,253,103,0.82);
}
javascripthtmlcssangularjsangular-material
7
Ellone

Ceci est le sélecteur CSS utilisé par Angular

md-input-container:not(.md-input-invalid).md-input-focused .md-input {
    border-color: your_color_here;
}
10
Fez Vrasta
<md-input-container style="position: relative; top:19px;">
                              <label style="border-color: white; color: white;">Email</label>
                              <input style="border-color: white; color: white;" >
                              </md-input-container>
1
Stav Bodik