Is there a way to downsize a Material Design (AngularJS) <md-input> element?

Question

I use the <md-input> , but it is too high. Is there any way to reduce it?

Now I have the following:

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

So, the first line is the size because <md-input> . It is 34px x 121px, so I want to reduce its height. I tried using the maximum height, but all I had was a scroll bar:

Can I change its height or inherit an element? Scaling is acceptable, but I have not found a way to do this.

Answer 1

Use the line height property. Change the line height as well.

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