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

Answer 1

文本输入框用于单行输入。我建议使用 <textarea> 代替。

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

- ryan

Answer 2

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

- krsoni

Answer 3

你应该使用textarea而不是input，尝试这段代码：

<textarea rows="20" cols="50">
Test
</textarea>

- Raza Hussain

Answer 4

定位输入框的占位符

.userInput::placeholder {
    text-align: left;
}

- rubyfrancesstack