el-button如何消除右边计数样式

 <el-form-item label="支付商户号" class="pay_number">
        <el-input v-model="form.name" type="number" ></el-input>
      </el-form-item>

功能上的需求主要是，只能输入数字并且是自动消去空格的，但是弊端是右边会出现一个可以改变数字大小的样式，此时你想去除这个样式需要在全局加一个样式

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

　　这样就没了，舒服。

如果实在局部的话直接在前面加上对应的class就好了，一开始写全局是由于一般来说没有产品想看到这个东西。