CSS tip: remove spinner on input of number
Rudolph Koegelenberg
1381

Thanks

To remove the arrow of the number spinners, We need to add some css for different browsers.

For Google Chrome:

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

For Mozila Firefox:

input[type=number] {-moz-appearance: textfield;}

For more information please visit:
http://seowebsitedesigning.com/stop-spinner-input-type-number/

Like what you read? Give Rohit Pahuja a round of applause.

From a quick cheer to a standing ovation, clap to show how much you enjoyed this story.