Comment faire pour modifier le material2 md espace réservé d'entrée taille de la police et de la couleur?

Comment changer la material2 md espace réservé d'entrée taille de la police et de la couleur?

vérifier ce lien de l'image

InformationsquelleAutor Nithyanandam G | 2016-11-08
  1. 19

    NOTE: /deep/est maintenant OBSOLÈTE, utilisez :accueil ::ng-deep en place. Gardez à l'esprit ::ng-deep est techniquement aussi obsolète et sera remplacé par un combinateur, mais devrait être utilisé pour le moment

    Le problème que vous rencontrez est avec ViewEncapsulation. C'est une gêne, mais de ce que j'ai pu recueillir, il fonctionne comme prévu.

    Vous avez la capacité mais avec quelques caractères supplémentaires pour changer de style à votre goût. Vous devez utiliser le spécial sélecteur: /deep/

    Par exemple, si vous avez envie de changer la couleur du texte de l'espace réservé comme décrit dans votre question, vous pouvez créer un style comme ceci:

    /deep/.mat-input-placeholder {
    color: #fff;
    font-size: 2em;
}

    Toutefois, cela ne changera pas le style de soulignement. Si vous vouliez changer de ce que vous voudrais juste ajouter un autre style comme:

    /deep/.mat-input-ripple.mat-focused {
    background-color: #fff;
}

    Si vous voulez encore le style, le matériau composant au sein d'un composant spécifique, vous pouvez utiliser le :accueil sélecteur:

    :host /deep/.mat-input-placeholder {
   font-size: 2em;
}
    • c'est ok pour le changement de color, mais font-size va tout casser. plnkr.co/modifier/gFeD2OZdU0vYdAK6w7Pr?p=preview . Ou: vous devez appliquer font-size les changements à plusieurs endroits
    • J'ai obtenu autour de la taille de police problème à l'aide de la :host sélecteur avec /de profondeur/. Cela indique assez qu'il ne se casse pas la page entière. J'ai ajouté un exemple
    • /deep/ a été abandonnée à partir de la version 4.1 ou 4.2. Maintenant, utilisez ::ng-profonde.
    • Merci, j'ai gardé l'original de la réponse, mais a laissé une note
    InformationsquelleAutor Victor Procure
  2. 1

    vous pouvez écrire votre propre style dans votre style css/scss par exemple:

    md-input-container{  width: 100%;  .md-input-placeholder {
color: #a8a8a8;
padding: 0 12px;

&.md-float {
  &.md-focused,
  &:not(.md-empty) {
    transform: translateY(-100%) scale(0.95);
  }
}  }}
    InformationsquelleAutor eyalewin
  3. 1

    Suivant fonctionne pour moi

    Dans .Fichier CSS

    ::ng-deep .mat-input-wrapper{
  font-size: 10pt;
}
    InformationsquelleAutor David
  4. 0

    Vous avez besoin pour utiliser :accueil sélecteur dans votre css:

    :host input.md-input-element {
    color: red;
    font-size: 18px;
 }
    InformationsquelleAutor Adam Boostani