垂直定位<input>字段中的文本

我一直无法使用填充或行高指定输入字段中文本的垂直位置。下面的代码应该呈现与文本的文本输入被推到了底：垂直定位<input>字段中的文本

<input style="padding: 50px 0 0 0; height: 0px;" type="text" value="Hello" />

发生了什么事，而不是是，所有的文本被在输入是50像素高的垂直居中。

有关如何解决此问题的任何想法？

为什么您输入的高度设置为0px 。你想做什么。 – Hussein 2011-03-12 22:04:02

好吧，也许我应该在这个例子中设置高度为10或20像素。重点是，我试图将文本与输入的底部对齐。 – 2011-03-12 22:10:31

你不能在标准文本框中做到没有奇怪的技巧（如在创建一个带有看起来像文本框的边框的div，并从文本框本身移除边框并将其垂直放置到底部在div），所以你必须求助于textarea元素...

<textarea style="padding: 50px 0 0 0; resize: none;">Hello</textarea>

（添加resize: none;更改textarea的大小）停止用户

2011-03-12 22:24:58

我想避免“古怪的欺骗”，但我想我会做的就像电子邮件：并将所有样式放在标签中。 – 2011-03-12 22:28:57

回答