Css Hide Number Input Arrows

by
css hide number input arrows
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;
}

 

remove arrows input number
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
}
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

Leave a Comment