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

Question

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

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

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

关于如何解决这个问题有什么想法吗？

Answer 1

你不能在没有古怪技巧的情况下在标准文本框上执行此操作(例如，创建一个边框看起来像文本框的 div，然后从文本框本身移除边框并将其垂直定位到底部div), 所以你必须求助于 textarea 元素...

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

(添加 resize: none; 阻止用户更改文本区域的大小)