New utility for hiding num input spin buttons

[tasops]

Howdy, what do you guys think about adding a class like this:

.spin-button-none::-webkit-outer-spin-button,
.spin-button-none::-webkit-inner-spin-button {
  appearance: none;
}

Class name of course can be different. The idea is that the already available class apperance-none doesn't apply it to spin buttons for input of type number.

And yup, i made a custom utility just like the one above and it works, but its just an idea to maybe add it to the framework? What do you guys think.

[johtso]

Would you also need something like this to work with firefox?

.spin-button-none {
    -moz-appearance: textfield;
}

[bigsaigon333]

That's what I always do with numeric input elements in Firefox!! 👍

[surjithctly]

Yup, much needed. Some of my projects needed this. Esp with ZIP inputs.

[RC0D3]

Today I'm searching about that, I will need do manually :/

[akshayp660]

@tasops also check my request Link To Discussion which focus on option to disable functionality while scrolling on num input.