如何使输入高度更小？ Ionic2

Question

通常我没有任何问题，任何组件的样式化，但我找不到一种方法来使文本输入高度更小，有没有办法做到这一点？

  <ion-item class="username">
     <ion-input></ion-input>
  </ion-item>

和css：

.username{
  max-height: something;
  height: something;
}

width属性工作正常，但我无法设置高度

我还试图直接修改输入属性，例如：

.text-input{
height: something
}

或

.text-input-md {
height: something
}

我已经编辑了输入的每个属性，使其变小但没有任何效果，就像它卡在一定的大小上一样。

Answer 1

您需要定位输入，因为ion-input稍后会生成输入标记，因此您只需执行此操作：

.username input{
  max-height: something;
  height: something;
}

你也可以通过这样做更具体

.username input.text-input{
  max-height: something;
  height: something;
}

顺便说一下，不要忘记填充和字体大小。如果你试图做一个小高度，试着减少它们。

Answer 2

如果您使用的是bootstrap，那么您可以使用

<div class="form-group">
    <label for="inputsm">Small input</label>
    <input class="form-control input-sm" id="inputsm" type="text">
</div>

或者，在css中使用以下代码

input[type=text] {height: 60px;}