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

时间:2015-10-22 14:46:55

标签: html css google-chrome webkit input-field

在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

1 个答案:

答案 0 :(得分:1)

只需设置width即可输入。

input {
  width: 100px;
}

例如。