Comment masquer/supprimer souligner d'entrée Angulaire du Matériel?
J'ai élément d'entrée dans Angulaire Matériel:
<md-input-container>
<input type="text" mdInput placeholder="">
</md-input-container>
Lorsque l'entrée a le focus, il affiche souligner. Comment masquer ou supprimer?
Semble que je dois mettre null
pour underlineRef
?
OriginalL'auteur Daniel | 2017-08-07
Vous devez vous connecter pour publier un commentaire.
Mise à jour:
Importation
MdInputDirective
Dans compoent effectuer les opérations suivantes:
En html, ajouter le
#input
référence:Plunker démo
Original:
Essayer css:
démo
underlineRef
?J'ai mis à jour la réponse.
hey , obtenir une erreur
Property 'underlineRef' does not exist on type 'MdInputDirective'
le Plunker est mise à jour à la version bêta.7 la dernière version bêta.12 ce qui n'a pas MdInputDirective
Vous pouvez en apprendre davantage sur ng-deep angulaires.io page
OriginalL'auteur Nehal
Cela a fonctionné pour moi:
L'ajouter à la composante du scss ou css
::ng-deep
est maintenant deprecated, cependant, cette css a fonctionné pour moi sans l'utiliser.Traversant le lien et ses enfants semblent-ils dire, aucun remplacement n'est proposée(!). Très bizarre. Au moins, il sera presque certainement il faudra des années pour être supprimé. Merci pour élever notre attention à ce sujet.
Génial, merci
OriginalL'auteur Paul Lockwood
Les autres réponses ne fonctionne pas pour moi, mais ce n':
OriginalL'auteur sdg91
OriginalL'auteur md_salm
Si vous utilisez
mat-form-field
au lieu demd-input-container
et google atterri ici, ici, ce sont vos deux options.mat-form-field
et d'utiliser vos propres styles.mat-champ de formulaire
à partir de la documentation.OriginalL'auteur KrIsHnA
Pour moi, il a travaillé sans
::ng-deep
. À l'aide Angulaire 6.1.10 comme suit:OriginalL'auteur knnhcn
Je jouais un peu avec le
apparence
propriété demat-form-field
et a constaté que si vous mettez un "none" (ou toute autre valeur non supportée), vous obtiendrez effacer une entrée.Le code:
StackBlitz démo (édité par l'officiel angulaire de démonstration).
L'exemple original peut être trouvé ici: Champ de formulaire apparence variantes.
Je l'avoue, c'est un peu un hack.
OriginalL'auteur jurl