Get rid of arrows number input

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

Input number hide arrows

/* hide arrows
 Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield !important;
}

Similar codes

0 vote115 views1 answer
How to make a square div in css
CSS
0 vote114 views1 answer
Bash list all npm processes
CSS
0 vote104 views1 answer
Sideways Left Tabs
CSS
2 votes109 views1 answer
How to override material ui css
CSS
0 vote105 views2 answers
Webpack alias not working in jest
CSS
2 votes103 views2 answers
Details transition css
CSS
0 vote106 views1 answer
Javafx change image on hover
CSS
57 votes111 views6 answers
Text shadow css
CSS
20 votes107 views2 answers
Bootstrap screen sizes
CSS
0 vote115 views1 answer
Card tailwind css
CSS