html - マテリアル デザイン (AngularJS) を縮小する方法はありますかエレメント？

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 を使用してみましたが、得られたのはスクロールバーだけでした:

高さを変更することは可能ですか、それとも要素に継承されますか? 縮小は許容されますが、私はそれを行う方法を見つけていません。

Answer 1

行の高さプロパティを使用します。あなたが好きなように行の高さを変更します。

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