Home  »  CodeGuidesProgrammingSnippetsTechnology   »   Get Rid of Arrows in Number Input

Get Rid of Arrows in Number Input

Posted: March 16, 2022 | by Michael Bright

Code to get rid of arrows in Number input.

/* hide arrows in Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none !important; 
    margin: 0; 
}

Input Number hide arrows in Mozilla Firefox.

input[type=number] {
    -moz-appearance: textfield !important;
}

Found this article interesting? Follow Brightwhiz on Facebook, Twitter, and YouTube to read and watch more content we post.