输入类型“数字"不会调整大小

本文介绍了输入类型“数字"不会调整大小的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

当我将类型更改为 type="number" 时，为什么我的输入不会调整大小，但它适用于 type="text"?

Why won't my input resize when I change the type to type="number" but it works with type="text"?

示例

Email: <input type="text" name="email" size="10"><br/> number: <input type="number" name="email" size="10">

推荐答案

看起来像 input 类型 number 不支持 size 属性或它与浏览器不兼容，您可以通过 CSS 进行设置:

Seem like the input type number does not support size attribute or it's not compatible along browsers, you can set it through CSS instead:

input[type='number']{ width: 80px; }

更新小提琴