调整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%;
}

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