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

45 votes257 views3 answers
Collapse all code vscode
CSS
1 vote226 views2 answers
Mobile screen size width css
CSS
2 votes223 views3 answers
Ul hide bullet css
CSS
0 vote214 views1 answer
Alinhar ao centro align item css
CSS
0 vote271 views1 answer
Quitar borde a un boton css
CSS
0 vote231 views4 answers
How to chose tailwindcss while creating larevel project
CSS
0 vote215 views1 answer
Css grid exercise
CSS
6 votes219 views9 answers
Create a portfolio website with html css
CSS
0 vote253 views1 answer
Css 4 3 ratio
CSS
1 vote212 views2 answers
Css scrollbar in div
CSS