css - 如何为输入字段文本添加填充 [CSS]

Question

我有一个简单的问题，我知道我可以使用 CSS 编辑输入字段的占位符文本。但我想知道如何向实际文本(用户输入的文本)添加填充。我在下面提供了一张图片，我已经为占位符文本添加了填充，但我正在努力为输入字段的实际文本添加填充，以便它与占位符文本对齐。

这是我尝试过的:

.form TextInput {
  padding-left: 10px;
}

这显然不起作用，我只是想知道其他人是否有解决方案？

Image link

编辑:我不想移动输入字段本身，只是移动里面的文本。就像我对占位符所做的那样，但只是这次我想移动文本以匹配占位符的位置。

Link 2

Answer 1

填充输入；对于在字段或预设值参数中键入的用户:

.form input[type="text"] {
    box-sizing: border-box;
    padding-left: 10px;
}

占位符上的填充:

.form input::placeholder {
    padding: 10px;
}