html - 使用 <input type ="text"/> 垂直对齐文本？

Question

出于某种原因，我的输入之一表现得很奇怪。我为我的所有输入应用通用 CSS

.text-input {
    padding: 6px 10px;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 330px;
    border-bottom: 1px solid #000;
}

然后我将这个特定的 css 应用于一个特定的 div 以使其更高

#letter {   
    height: 100px;
}

出于某种原因，当我专注于#letter 输入并开始输入文本时，文本出现在它的垂直中间，我不知道是什么导致了问题，但这是我的页面，如果你专注于“消息”输入你会明白我的意思(在 chrome 中测试)。

http://freshbeer.lv/development/en/contact.php

Answer 1

也许您想使用 textarea 代替？ input type="text" 仅为单行。