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

【问题标题】：Vertical positioning of text in an <input> field<input> 字段中文本的垂直定位
【发布时间】：2011-03-13 08:27:46
【问题描述】：

我无法使用填充或行高指定输入字段中文本的垂直位置。以下代码应该呈现一个文本输入，并将文本推到底部：

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

实际情况是，所有文本都在 50 像素高的输入中垂直居中。

关于如何解决这个问题的任何想法？

【问题讨论】：

【解决方案1】：

如果没有古怪的诡计，您无法在标准文本框上执行此操作（例如，创建一个带有看起来像文本框的边框的 div，然后从文本框本身移除边框并将其垂直定位到底部div)，所以你必须求助于 textarea 元素...

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

（添加resize: none; 会阻止用户更改文本区域的大小）

【讨论】：