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

35 votes280 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS
0 vote274 views1 answer
Css background color over image
CSS
1 vote278 views1 answer
Change text color li css
CSS
1 vote285 views1 answer
Css access span class inside div
CSS
185 votes405 views6 answers
Attach css file to html
CSS
0 vote253 views1 answer
Button not aligning right css
CSS
61 votes266 views5 answers
Css paragraph ellipsis
CSS
5 votes257 views3 answers
How to get rid of button outline when clicked
CSS
4 votes275 views3 answers
Css selection
CSS
2 votes224 views1 answer
Xpath vs css selector
CSS