Czy istnieje sposób na skalowanie elementu Material Design (AngularJS) <md-input>?

Question

Używam znacznika <md-input>, ale ma on zbyt wysoką wysokość. Czy istnieje sposób, aby go zmniejszyć?

Teraz co mam to:

<md-content flex class="md-padding" style="font-size:1.2em; max-width:90px; "> 
    <md-input-container> 
    <label>X</label> 
    <input ng-model="motionAbsX"> 
    </md-input-container> 
</md-content> 

Więc pierwsze jest to, że wielkość ponieważ <md-input>. Ma 34px x 121px, więc chcę zmniejszyć jego wysokość. Próbowałem przy użyciu max-height do niej, ale wszystko, co mam był pasek przewijania:

Czy jest możliwe, aby zmienić jego wysokość lub jest ona dziedziczyć do elementu? Skalowanie jest dopuszczalne, ale nie znalazłem sposobu, by to zrobić.

Answer 1

Zastosowanie linia nieruchomość wysokość. Zmień wysokość linii jak ty.

<md-input-container style="line-height:8px"> 
    <label>abc</label> 
    <input ng-model="abc" type="text"/> 
</md-input-container>