Share the post "How To Hide Spinner Arrow Buttons In HTML5 Form Field Input"
The trick here is with the use of CSS. Add the code below and those spinner arrow buttons in your input form fields will be hidden.
|
1 2 3 4 5 6 |
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } |
A big thanks to user antonj of Stack Overflow.
with this solution max and min attributes do not work…. is there any other solution?
@sdvsdfs: sorry im not familiar how max and min tie in to this.
i tried that css and it worked for me. other than that i have not tried anything else