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

1 vote139 views1 answer
Bootstrap card hover effect
CSS
23 votes144 views5 answers
Image rotate css
CSS
18 votes127 views4 answers
Grayscale css
CSS
0 vote152 views1 answer
Button style link
CSS
4 votes136 views2 answers
Cursive css
CSS
6 votes119 views2 answers
Remove horizontal scrollbar css
CSS
0 vote139 views1 answer
Javascript select element that does not have attribute
CSS
42 votes143 views6 answers
Disable textarea resize
CSS
22 votes141 views4 answers
Grid center align css
CSS
0 vote131 views1 answer
Css to reduce margin of class container
CSS