web-dev-qa-db-fra.com

Angular changer la taille de MatInput

Je suis nouveau sur Angular 4 et j'ai commencé à travailler avec les composants matériels. J'ai copié quelques exemples de la documentation officielle, mais je n'ai pas obtenu le même résultat que la documentation:

Comment puis-je changer la largeur de la zone de texte? J'ai essayé style = "width: 200px;" style = "largeur: 100%"; class = "col-md-x" Mais aucun d'entre eux n'a fonctionné, la deuxième chose est comment centrer ce conteneur de connexion au milieu de la page? J'ai trouvé quelques réponses ici mais aucune ne semble fonctionner aussi, voici mon code:

<div class="container">
  <div class="row">
    <div class="col-md-6 offset-md-3">
        <md-card>
          <md-card-title>Login</md-card-title>
          <md-card-content>
            <form class="example-form">
              <div>
              <md-form-field class="example-full-width">
                  <input mdInput placeholder="Username" type="text">
              </md-form-field>
              </div>
              <div>
              <md-form-field class="example-full-width">
                <input mdInput placeholder="Password" type="password">
              </md-form-field>
              </div>
            </form>
          </md-card-content>
        </md-card>
      </div>
    </div>  
</div>

**

angularinputangular-materialpositionangular-material2
18
Soufiane Touil

[style.fontSize.px] = 17 cet attribut changera la taille

<mat-form-field [style.fontSize.px]=17>
  <input matInput placeholder="Template Name" value="{{templateName}}">
</mat-form-field>
4
BebnevRoman