HTML输入溢出添加了填充（Firefox）

Question

编辑： 添加图片显示左侧的“填充”

我正在使用HTML输入元素和数字输入元素。 在两个要素上。

当字符数大于输入元素的大小并且将光标移动到最后输入的字符时，在输入元素的开头添加了一些魔术“填充”。

有什么办法可以防止这种行为？

例：

 input{ width:5em; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } 

 <input type="text" value="000"><br> <input type="text" value="000000000"><br> <input type="number" value="000"><br> <input type="number" value="000000000"><br> 

注意

我另外使用网格作为背景，但是如果Element的填充发生变化，则网格将不适合。

Answer 1

如果我理解的正确，并且您需要消除对HTML块的填充影响，则需要使用

*{
   box-sizing: border-box;
 }

或将此规则应用于所需的块。