Type=number of el-input removes the adjustment arrow at the end

Type=number of el-input removes the adjustment arrow at the end

1. Problem description

When el-input uses tpye =number, you can enter digital format content in the input box, but up and down adjustment arrows will appear on the right side of the input box. Although it does not affect the function, it looks very unsightly.

2. Solution

<el-input type="number"></el-input>

<style lang="scss">
/deep/ input::-webkit-outer-spin-button,
  /deep/ input::-webkit-inner-spin-button {
    
    
    -webkit-appearance: none !important;
  }
  /deep/ input[type="number"] {
    
    
    -moz-appearance: textfield !important;
  }
</style>

Just add the above code to the style.
Currently, Google Chrome can implement the function, but other browsers have not done experiments.