如何使用input标签改变高度并将光标定位在左上角(不使用textarea)?

4 min read

要使光标在输入框的左上角位置,可以使用CSS样式中的text-indent属性和line-height属性来设置。设置text-indent属性为0,同时将line-height属性设置为与height属性相等的值。此外,为了确保输入框内的文字不会在左侧缩进,还需要将paddingborder设置为0

以下是一个简单的示例:

<input type="text" style="height: 50px; line-height: 50px; text-indent: 0; border: 0; padding: 0;">

使用上述代码后,输入框就会具有指定的样式,并将光标位置定位在左上角。