how to hide input type number arrows

HTML

<input type="number"  placeholder="Mobile Number" >


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; }