用于修改输入框的CSS

时间:2012-10-06 02:47:04

标签: css3

我已经为几个输入字段创建了我想要的结果图像。 http://imageshack.us/a/img715/6896/inputfields.jpg

我试图得到的结果是:

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

我在创建这个问题时遇到的问题是任何时候我调整文本大小以使其相对小于输入字段,输入字段的高度也会相应地改变,它似乎没有引起任何注意到height属性,只有font-size。

我希望文本以输入字段高度的大约60%结束,如上所述,非常接近左下角。

有人能指出我正确的方向吗?

1 个答案:

答案 0 :(得分:2)

em基于字体大小(the point size),因此如果更改字体大小,则高度(如您指定的那样)将发生变化。如果您希望它与字体大小无关,请使用像素高度。