web-dev-qa-db-ja.com

Angular MatInputサイズの変更

私はAngular 4を初めて使用し、材料コンポーネントの使用を開始しました。公式ドキュメントからいくつかの例をコピーしましたが、ドキュメントと同じ結果が得られませんでした：

テキストボックスの幅を変更するにはどうすればよいですか？ style = "width：200px;"を試しましたstyle = "width：100％"; class = "col-md-x"しかし、それらのどれも動作しませんでした。2番目は、ログインコンテナをページの中央に配置する方法ですか？私はここでいくつかの答えを見つけましたが、どれもうまく機能していないようです、ここに私のコードがあります：

<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この属性はサイズを変更します

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