Html 输入中文本前的空白

早上好

我有一个小问题，我有一个带边框半径的文本输入字段，由于边框半径，输入的第一个字符有点突出输入字段，我如何解决这个问题？比如在第一个字符前加一点空格

HTML

---

只需将左边填充的样式更改为0，您只需将填充添加到输入中，并根据填充大小更改其宽度（

框大小调整

，正如@said所说，可以做到这一点，但IE8不支持）

输入[类型=文本]，[类型=电子邮件]，[类型=密码]{
宽度：284px；/*此宽度是初始宽度-左填充-右填充*/
填充：0 8px；
边界半径：50px；
字体大小：15px；
显示：块；
}

Gebruikersnaam

只需在输入中添加空白，检查小提琴

padding-left: 10px;

---

一种解决方案是使用

文本缩进：5px

：

输入[类型=文本]，[类型=电子邮件]，[类型=密码]{
宽度：300px；
边界半径：50px；
字体大小：15px；
显示：块；
文本缩进：5px；/*添加文本缩进*/
大纲：无；/*同时删除大纲*/
}

Gebruikersnaam

显示您所做的工作，如果不查看代码，则无法帮助您。在输入中添加剩余的填充。这是特定的样式问题。在这里发布你的代码。否则，很难推荐任何其他东西，然后将

padding left:50px

。谢谢大家padding left:10px；做了诀窍：）@Maantje我建议您使用

box size:border box

和

padding left

-。

padding left:0

不会执行OP要求的操作。

input[type=text], [type=email], [type=password] {
  width: 300px;
  border-radius: 50px;
  font-size: 15px;
  display: block;
}

padding-left: 10px;