input类型为number时取消右边箭头

一、前言

input标签当type为number时，鼠标获焦input框会在右侧会出现上下箭头调整数字的按钮，此时如果我们想要去除右侧箭头，就可以用到如下方法：

二、实现方法

可以通过给input元素添加样式来取消右边箭头。具体的样式可以使用CSS代码：

css

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}

这样就可以取消input元素中的右边箭头了。在Vue中可以将该样式应用到组件的style标签中，或者在全局CSS中进行定义。