Remove arrows from a number input

Dov

5 months ago

Is there a builtin way to remove arrows from an input? I tried adding the following to the css editor but it does not work -webkit-appearance: none
Miguel Costa

5 months ago

Hey 👋 You can do it with:

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

you need to put it in a style element and either reference all inputs (like above) or add a class to the input and reference that.
Dov

5 months ago

Thanks. I added a style element and worked.
👍1