input框number类型去除原生加减图标

在使用 input 框只想输入数字时，input 框有原生的 ==type="nubmer"== 属性，可是该属性自带加减图标非常不美观，如下图

这时我们可以使用 css 属性去掉这个加减图标，代码如下

html：

<input type="number" name="" id="">

css：

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}
input[type='number'] {
	-moz-appearance: textfield;
}

就变成了

亲测有效！