Input number hide arrows

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;
}

Show input type number arrows

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  

   opacity: 1;

}

Hide numericUpDown arrows

numericUpDown1.Controls[0].Visible = false;

Source: stackoverflow.com

Remove arrows input number

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { 
	-webkit-appearance: none;
}

-1

Source: css-tricks.com

Similar codes

0 vote195 views1 answer
Veritical align inline-block checkbox element
CSS
0 vote210 views1 answer
Write the CSS styling inside the HTML page
CSS
13 votes193 views4 answers
Delected blue border when an input is selected
CSS
22 votes209 views5 answers
Grid center css
CSS
-1 vote171 views1 answer
Html flex direction
CSS
2 votes196 views1 answer
Scss function
CSS
3 votes224 views2 answers
Button material ui
CSS
1 vote245 views1 answer
Active pseudo class in css not working in form text area
CSS
32 votes240 views6 answers
Css font face
CSS
5 votes187 views2 answers
Animate left to right css
CSS