css - 调整 Angular Material 中 md-input-container 的全长

Question

我需要在我的md-card 中输入字段的完整长度。你怎么看我定义了 css-class md-block 但它没有按预期工作。

这是我的源代码:

<md-card layout-fill>
   <md-card-content>
      <md-input-container class="md-block">
         <label>Test1</label>
         <input ng-model="test1" />
      </md-input-container>

      <md-input-container class="md-block">
         <label>Test2</label>
         <input ng-model="test2" />
      </md-input-container>

      <md-input-container class="md-block">
         <label>Test3</label>
         <input ng-model="test3" />
      </md-input-container>
   </md-card-content>
</md-card>

有人知道问题出在哪里吗？

Answer 1

<md-form-field class="input-fields">
    <input mdInput placeholder="New Password" #username>
</md-form-field>

.input-fields {
    width: 100%;
}

这就是我现在正在使用的，它按预期工作