When type= 'number' is set in the input field, remove the up and down buttons behind it

As shown in the figure

Don't talk much , resolvent

When input type=‘number’ when , Remove the back up and down buttons
stay style Add this code inside

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

BUT In the current project , It uses vue+element, Usually when writing the style of the current page scoped, But you will find that the above code is invalid , You need to use /deep/

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

I hope I can help you ！