Bootstrap : Remove Number Input Spinner

Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first web sites.When we use < input > with type number, the spinner in the right hand side is visible.

<input type="number">

The output will be like as shown in Image
with spinner Bootstrap

To remove this spinner we just need to add webkit css code like below


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

Now the same output will be like this.
without spinner Bootstrap

Enjoy the code!!!