web-dev-qa-db-ja.com

Angular mat-form-field幅の設定方法：100％

私は学習の一部として登録フォームを作成しますAngular and Nodejs。私のフォームは広く見えて問題ありませんが、このフォームのフィールドは狭くまたは薄く見えます。幅：100を設定しようとしました％はコンテナタグに直接送られますが、機能しませんでした。

CSSタグを使用してこれらのすべてのフィールドのwidth：100％を設定する方法は？

角度を使用した私のフォーム：

<mat-card>
  <mat-card-header>
    <mat-card-title>
      <h4>Register New User</h4>
    </mat-card-title>
  </mat-card-header>
  <mat-card-content class="register-container">
    <form>
      <mat-form-field>
        <input matInput placeholder="E-mail" ng-model="data.email" type="email">
      </mat-form-field>
      <br />
      <mat-form-field>
        <input matInput placeholder="Password" ng-model="data.pwd" type="password">
      </mat-form-field>
      <br>
      <mat-form-field>
        <input matInput placeholder="Name" ng-model="data.name" type="text">
      </mat-form-field>
      <br>
      <mat-form-field>
        <textarea matInput ng-model="data.description" placeholder="Leave a comment"></textarea>
      </mat-form-field>
    </form>
  </mat-card-content>
</mat-card>
htmlangularmaterial-design
16
user428745

これは私のために働いた

mat-form-field{
  display: block;
}
0
Rahul.S