填充HTML输入字段的文本

Question

我有一个HTML输入字段。

如果我这样做

  

padding-left：10px

，它会将输入字段的文本移动到左边但是输入字段的右边（或框的右边）消失了 - （请参阅附件）。

我可以用什么CSS设置来解决这个问题？

TIA

Answer 1

您应该使用box大小调整属性。始终在reset.css中使用它：

* {box-sizing:border-box;}

Answer 2

在CSS文件中

input {box-sizing: border-box;}

Answer 3

使用下面的css：

input {box-sizing: border-box;}

还为输入字段提供宽度