在下拉或文本輸入中垂直對齊文本？

Question

我有文本輸入和選擇框的寬度爲40px ...我希望這些元素內的文本位於輸入字段的下半部分。我已經成功地通過設置padding-top：20px在firefox（但不是safari或chrome）中執行此操作。

我需要這個爲safari和chrome工作，但是，這些瀏覽器似乎自動垂直對齊文本到中間。

有沒有解決方案呢？謝謝！

Answer 1

您可以使用您的填充代碼。要使其在Safari/Chrome/Opera中運行，請添加line-height：40px（或字段所具有的任何高度）。所有的瀏覽器似乎都認識到了填充。