有没有办法缩小 Material Design (AngularJS) <md-input> 元素？

Question

我正在使用 <md-input> 标签，但它的高度太高了。有没有办法让它变小？

现在我有这个：

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

所以第一行是那个尺寸，因为 <md-input>。它是 34px x 121px 所以我想降低它的高度。我尝试使用最大高度，但我得到的只是一个滚动条：

是否可以改变它的高度或者它是继承给元素的？缩小规模是可以接受的，但我还没有找到办法。

Answer 1

使用行高属性。随心所欲更改行高。

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

有没有办法缩小 Material Design (AngularJS) <md-input> 元素？

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

html

css

angularjs

angular-material