html - input number max attribute resizes field -


when adding max value input number field in chrome, re-size field according width of highest value.

it seems cannot control re-sizing behavior.

<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">

question: how can make behave without max attribute or normal text field.

ps: cannot see changes in styles when switch type. pps: must tried using -webkit-appearance: textfield; chrome using textfield default.

simply set width input.

input {   width: 100px; } 

for example.


Comments

Popular posts from this blog

php - Invalid Cofiguration - yii\base\InvalidConfigException - Yii2 -

How to show in django cms breadcrumbs full path? -

ruby on rails - npm error: tunneling socket could not be established, cause=connect ETIMEDOUT -