How to make a field for entering numbers only?

Question

css

I know that it can be written like this:
<input type="number">
But with this method, arrows appear on the side , which terribly spoil the appearance. How can I make it so that they would not be, but at the same time it was possible to enter only numbers?

Answer 1

<input type="text" oninput="this.value = this.value.replace(/[^0-9]/g, '')">

https://jsfiddle.net/w0mzddcw/

Answer 2

You can use any mask input plugin (search for example "javascript mask"):
For example ,
This
or this
, etc., there are a lot of them available, for every taste and color :)

Answer 3

The normal way is to do it through
A, the arrows can be easily removed:
stackoverflow.com/questions/3790935/can-i-hide-the...