只有样式输入表单

Question

所以，我有一张表格。

我想在表单字段中添加padding。因此，当人们开始打字时，文本会在句子和字段的左边界之间出现很好的间隙......

我可以使用padding-left，但是who字段会向左跳转（但它确实适用于文本）。

我正在寻找允许我自己设置input文本样式的CSS代码。

我尝试了这段代码，但这也行不通。

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

编辑：我发布了一张图片，当在输入[type = text]上使用padding-left时会发生什么。它确实有效，但在右边你可以看到该字段会发生什么。该领域变得更广......

Answer 1

问题是因为padding被添加到字段的呈现width中。

使用box-sizing属性来解决它。

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