how to Hide arrows in input type number | Solution

 

<input type="number" > Is a default arrow by system so you need below css and you can remove arrow of the input type. its very easy to remove input type. 

Before Input Field 


After Added CSS Input Field




input[type=number]::-webkit-inner-spin-button,

input[type=number]::-webkit-outer-spin-button {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  margin: 0;

}

No comments:

Post a Comment

CPU vs GPU Architecture

  CPU vs GPU Architecture CPU (Central Processing Unit) and GPU (Graphics Processing Unit) have distinct architectural differences, optimize...

Best for you