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

13 votes229 views4 answers
How to print background bootstrap
CSS
6 votes209 views1 answer
Hidden vs visible
CSS
9 votes221 views5 answers
How to make a triangle in css
CSS
0 vote220 views1 answer
React wrapper component
CSS
17 votes207 views1 answer
Css align items vertical center
CSS
0 vote209 views1 answer
Align grid items with end
CSS
1 vote201 views1 answer
Mysqli load result into array
CSS
0 vote214 views1 answer
Css bootstrap carousel fade how to add fade in up text
CSS
0 vote216 views1 answer
Vue center components in body
CSS
0 vote216 views1 answer
Css line-through color
CSS