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

Question

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

例子

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

原文由 SaturnsEye 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

似乎 input 类型 number 不支持 size 属性或者它与浏览器不兼容，你可以通过 CSS 设置它

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

更新小提琴

原文由 Felix 发布，翻译遵循 CC BY-SA 4.0 许可协议