在下拉或文本输入中垂直对齐文本？

Question

我有文本输入和选择框的宽度为40px ...我希望这些元素内的文本位于输入字段的下半部分。我已经成功地通过设置padding-top：20px在firefox（但不是safari或chrome）中执行此操作。

我需要这个为safari和chrome工作，但是，这些浏览器似乎自动垂直对齐文本到中间。

有没有解决方案呢？谢谢！

Answer 1

您可以使用您的填充代码。要使其在Safari/Chrome/Opera中运行，请添加line-height：40px（或字段所具有的任何高度）。所有的浏览器似乎都认识到了填充。