html - 输入数字最大属性调整大小字段

在Chrome中将最大值添加到输入数字字段时，它将根据最大值的宽度重新调整字段的大小。

看来我无法控制调整大小的行为。

<input type="number" name="" value="3500" placeholder="3500" min="500">
<br>
<input type="number" name="" value="3500" placeholder="3500" min="500" max="100000">
<br>
<input type="number" name="" value="3500" placeholder="3500" min="500" max="100000000">

问题:如何使它的行为类似于没有max属性或普通文本字段的情况。

PS:切换类型时，我看不到样式的任何更改。
PPS:我必须说，我已经尝试使用-webkit-appearance: textfield;，但是Chrome默认已经使用textfield。

最佳答案

只需将width设置为输入即可。

input {
  width: 100px;
}

例如。

关于html - 输入数字最大属性调整大小字段，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33283901/