有没有一种方法可以缩小 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，因此我想缩小它的高度。我尝试使用 max-height，但是只得到了滚动条：

是否可以更改其高度或者对该元素进行继承？缩小也是可以接受的，但我还没有找到方法。

- Hugo Nakamura

Answer 1

使用行高属性。根据需要更改行高。

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

- nitin

---

谢谢。我还删除了添加到元素的“md-padding”类，现在它可以正常工作了。 - Hugo Nakamura