Css 仅对表单的输入设置样式

所以，我有一张表格

我想在表单字段中添加一个

填充

。因此，当人们开始打字时，文本将在句子和字段左边框之间出现一个很好的间隙

我可以使用

左填充

，但是who字段会跳到左边（但它确实适用于文本）

我正在寻找CSS代码，它允许我自己设置

输入

文本的样式

我试过这个代码，但也不行

input[type=text] {
    padding-left: 20px;
}

---

编辑：我发布了一张图片，显示了在输入[type=text]中使用左边填充时会发生什么。它确实有效，但在右边你可以看到球场发生了什么。领域越来越宽

问题是因为

填充

被添加到字段的渲染宽度

使用

框大小调整

属性来解决此问题

input[type=text] {
    padding-left: 20px;
    box-sizing: border-box;
}

---

这个代码很好。也许你有其他的覆盖设置或者别的什么。考虑为我们提供一个复制你的问题。需要调整一些其他东西，但你给出了最好的答案！