想让input元素输入的文字距离左边框一定距离,可以使用CSS中的text-indent属性,对文本内容进行缩进。
在MDN官网中,text-indent属性是这么解释的:
text-indent
属性能定义一个块元素首行文本内容之前的缩进量。
<input type="text" placeholder="首行缩进"/>
input{text-indent:2rem;}//首行缩进
input{text-indent:10%;}//百分比取决于其包含块(containing block)的宽度
input{text-indent:5px;}
如果想了解更多关于text-indent属性,可以去此链接上继续学习。