ajuster la longueur totale de md-input-container en matériau angulaire

Question

J'ai besoin de la longueur totale des champs de saisie dans mon md-card. Comment vous pouvez voir que j'ai défini la classe css md-block mais cela ne fonctionne pas comme prévu.

C'est mon code source:

<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> 

Ne quelqu'un a une idée de ce qui est le problème?

Answer 1

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

.input-fields { 
    width: 100%; 
} 

C'est ce que j'utilise en ce moment et il fonctionne comme prévu