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值