隐藏el-input type=number时右侧操作箭头

直接上代码，在项目的公用css里面写入如下样式

/*在Chrome下移除input[number]的上下箭头*/
.no-number::-webkit-outer-spin-button,
.no-number::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none !important;
}
 
.no-number input[type="number"]::-webkit-outer-spin-button,
.no-number input[type="number"]::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none !important;
}
 
/*在firefox下移除input[number]的上下箭头*/
.no-number {
  -moz-appearance: textfield;
}
 
.no-number input[type="number"] {
  -moz-appearance: textfield;
}

使用案例（给input加上no-number的类名即可）

  <el-input 
        v-model="time" 
        type="number"
        class="no-number"
        placeholder="请输入"
      >
      </el-input>