Remove arrows from inputs of type number

Remove arrows from inputs of type number

  

I want to create input boxes strictly for inserting numeric digits but i want to remove the up and down arrows that appear on the right side of the input box. How can i achieve this?

Solution

b_pal wrote:

I want to create input boxes strictly for inserting numeric digits but i want to remove the up and down arrows that appear on the right side of the input box. How can i achieve this?


b_pal,


Using this CSS: 

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