CSS修改输入框

Question

我已经为几个输入字段创建了我想要的结果图像。

我试图得到的结果是这样的:

input {
  padding-left: 2px;
  padding-top: 2px;
  height: 1.8em;
  font-size: 1em;
}

我在创建这个时遇到的问题是任何时候我调整文本大小使其比输入字段相对较小，输入字段的高度也会相应变化，它似乎没有引起任何注意到高度属性，只有字体大小。

我希望文本最终位于输入字段高度的 60% 左右，并且如上所述，非常靠近左下角。

有人可以为此指出正确的方向吗？

Answer 1

em 基于字体大小 ( the point size )，因此如果您更改字体大小，高度(如您指定的那样)也会更改。如果您希望它独立于字体大小，请使用像素高度。