input输入框设置type=number时，去掉后面的上下按钮

input type=number时，去掉后面的上下按钮
在style里面添加此段代码即可

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

在现在项目中，使用的是vue+element，通常写当前页面的样式时使用scoped，但是这样会发现上面的代码失效，此时需要使用/deep/去寻找

<style scoped>
.class /deep/  .a input::-webkit-outer-spin-button,
.class /deep/  .a input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.class /deep/  .a input[type="number"]{
-moz-appearance: textfield;
}
</style>

其中class,a均为你的代码中对应的class值