去掉input type=“number“ 输入框内右侧上下箭头

需求：

原生input标签当type为number时，鼠标聚焦input框会在右侧会出现上下箭头调整数字的按钮，此时ui设计图要求去掉这个上下箭头

---

解决方案

在样式内写上如下代码：

//谷歌
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

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