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 vote311 views1 answer
Hoe maak je alleen het opsommingsteken wit in css
CSS
0 vote180 views1 answer
@keyframes opact
CSS
2 votes181 views2 answers
Css text to fit container
CSS
14 votes209 views2 answers
How to render css in flask
CSS
-2 votes174 views2 answers
Tailwind border bottom
CSS
19 votes161 views6 answers
Css font family
CSS
8 votes181 views2 answers
Css list style
CSS
0 vote179 views1 answer
Have an item span multiple columns css grid
CSS
0 vote172 views1 answer
Css to reduce margin of class container
CSS
0 vote177 views1 answer
Css() multiple
CSS