Browsers are now implementing html5 input fields and ugly arrows appearing inside input type=number fields on different sites. Here’s the code to disable them.
For now only Chrome alike browsers, Opera and Mozilla have implemented type=number arrows.
input[type=number] {
-moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}Yeah, you can’t remove arrows from Opera yet, but they look pretty decent there at least.
That is working in Chrome, opera, mozilla etc
because opera now is the same as chrome
Thank you it’s working on mozzila
Thanks you so much. It’s working on mozzila
While the arrows do look a little inconsistent across devices the are a very useful feature. I guess most of the users don’t mind using it now.
Yes, just sometimes clients want them disabled 🙁