移除input在type="number"时的上下箭头

1、chrome浏览器移除

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
  -webkit-appearance:textfield;
}

使用none替代textfield，也可以实现去除箭头的效果

2、firefox浏览器下移除

input[type="number"]{
  -moz-appearance:textfield;
}

在firefox浏览器下使用none替代textfield没有效果。

3、用type="tel"代替

input[type="tel"]的value值亦是number，且其没有type="number"时的上下箭头，
故我们可以用[type="tel"]代替[type="number"]，达到一样的效果

但是input[type="tel"]只适用于手机端网页，它针对是数字键盘，而pc端设置还是用number比较好

4.额外小扩展

通过设置maxlength = "m"限定value值得长度。如果有其他的要求，可以通过正则来判断。