6

我正在使用<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 所以我想降低它的高度。我尝试使用最大高度,但我得到的只是一个滚动条:

在此处输入图像描述

是否可以更改其高度或继承到元素?缩小是可以接受的,但我还没有找到办法。

在此处输入图像描述

4

1 回答 1

4

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

<md-input-container style="line-height:8px">
   <label>abc</label>
   <input ng-model="abc" type="text"/>
</md-input-container>
于 2015-03-20T10:49:28.020 回答