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
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
Vous devez vous connecter pour publier un commentaire.
C'est le sélecteur CSS utilisé par Angulaire Matériel:
Je viens de inspecté à l'aide de google chrome dev tools
Eh bien, je n'ai pas réussi à inspecter l'élément ayant le focus. Était à la recherche en elle, quand u affichés en fait
OriginalL'auteur Fez Vrasta
OriginalL'auteur Stav Bodik