Materyal Tasarımı (AngularJS) <md-input> öğesini ölçeklendirmenin bir yolu var mı?

Question

<md-input> etiketini kullanıyorum ama çok yüksek bir yüksekliğe sahip. Daha küçük yapmak için bir yolu var mı?

Şu anda ne var şudur:

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

Yani ilk satırı <md-input> çünkü boyuttur. 34px x 121px, bu yüzden yüksekliğini azaltmak istiyorum. Ben buna max-height kullanarak denedim ama aldığım bir kaydırma çubuğu oldu:

onun yüksekliğini değiştirmek mümkün mü yoksa elemana devralır? Ölçeklendirme kabul edilebilir ancak bunu yapmanın bir yolunu bulamadım.

Answer 1

Kullanım satır yüksekliği özelliği. Satır yüksekliğini, istediğiniz gibi değiştirin.

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