2017-08-31 94 views
0

我需要輸入字段的全長在我的md-card中。你如何看到我定義了css-class md-block,但它無法按預期工作。調整角度材料中的MD輸入容器的全長

enter image description here

這是我的源代碼:

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

不要任何人有一個想法,就是問題是什麼?

+0

哪裏定義你的CSS類? – GLR

+0

@GLR是由角材料定義的類。 – yuro

+0

如果您想要與默認值不同,請覆蓋它。看看如何在這裏更改Angular Material工具提示的字體大小:https://stackoverflow.com/questions/44587532/set-font-size-of-angular-material-tooltip – GLR

回答

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

.input-fields { 
    width: 100%; 
} 

這是我使用的是什麼,現在和它的作品如預期

+0

我正在使用angular1角材料。這意味着HTML和JavaScript不打字。文檔告訴我,當我使用類「md-block」時,我不需要定義一個自定義的css類 – yuro