CSS 文本输入字段没有对齐左上角？

Question

我试图让输入文本字段在左上角显示文本，现在文本垂直居中，水平居中。

 <input class="userInput" type="text">
<style>
.userInput {
text-align: left;
margin: 1px;
padding: 1px;
width: 500px;
height: 300px;
vertical-align: top;
}
</style>

原文由 Peter L 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

文本输入用于单行输入。我建议改用 <textarea> 。

示例： https ://jsfiddle.net/z58vy354/

原文由 ryan 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

正如其他人建议使用 textarea 而不是输入字段，但如果您不想让它看起来像 textarea 或可拉伸，您可以在其上使用样式 resize:none; 。

原文由 krsoni 发布，翻译遵循 CC BY-SA 4.0 许可协议