html - 使用 min 和 max 时，数字输入的大小减半

Question

进行输入时，像这样:

<input type="number" min="0" max="100"><br>
<input type="number" min="0" max="99"><br>
<input type="number" min="1" max="100"><br>
<input type="number" min="1" max="99"><br>

它缩短了输入字段的宽度，特别是当最大值为 100 时。因为我从未见过这个，我只能猜测它会这样做，我会使用百分比或货币，我实际上会这样做，但我确实这样做了不想要这个。除了使用不同的值或自己更改输入的大小之外，还有其他方法可以防止这种情况发生吗？

Answer 1

这是一些* 浏览器呈现这些输入的默认行为。所以答案是否。如果你想有一定的宽度，看看其他答案。

* 不同的浏览器呈现不同的元素:

这是您在 Mozilla Firefox 中的代码片段的结果: