el-input的type=number类型是去掉右侧的增减值箭头

本文介绍: element–ui中的el–input 类型为type=number时不显示右侧增减箭头

 //原代码
&lt;el-form-item label="面值"&gt;
   &lt;el-input v-model.trim="form.realAmount" placeholder="请输入面值" clearable&gt;&lt;/el-input&gt;
</el-form-item&gt;

在el-input 标签上添加类名Numb e rTy pe

//修改后代码
<el-form-item label="面值"&gt;
   <el-input class="NumberType" v-model.trim="form.realAmount" placeholder="请输入面值"     
   clearable&gt;</el-input&gt;
</el-form-item&gt;

修改样式的css(在这里我的是scss，如若其他修改 deep 格式即可)

<style lang='scss' scoped&gt;
      .NumberType ::v-deep input::-webkit-outer-spin-button,
      .NumberType ::v-deep input::-webkit-inner-spin-button {
        -webkit-appearance: none !important;
       }    
      .NumberType ::v-deep input[type="number"] {
        -moz-appearance: textfield;
       }
</style&gt;