css - CSS修改输入框

Question

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

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

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

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

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

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

Answer 1

em是基于字体的大小（点大小），所以如果你改变字体大小，高度（如你所指定的）将会改变。如果您希望它独立于字体大小，请使用像素高度。