How To Show Up/down Arrows For Input Type Number In Mobile View?

For an input type number, up/down arrows on the right side of the input box in web view is easily displayed. I have also preventDefaulted the typing for the input so you are forced

Solution 1:

try this media query

@media only screen and (max-width : 1024px) {
    input[type=number]::-webkit-inner-spin-button, 

    input[type=number]::-webkit-outer-spin-button { 
      -webkit-appearance: none
      margin: 0;
    }
}