Join the Webstudio community

Updated 4 months ago

How can I change a number input fiel?

At a glance
The community member is asking how to add plus and minus buttons to a number input instead of the default up and down buttons, and how to remove the up and down buttons. A community member suggests a CSS solution to remove the spin buttons, but notes that it cannot be used in the community member's webstudio. Another community member states that the solution would require custom code.
How can I give a number input a plus and minus button at the sides instead of the up and down buttons?

Probably js and buttons, right?
But how can I remove the up and down buttons?
c
J
2 comments
Chatgpt suggests this:
/* Remove number input spin buttons */
.number-input-container input[type="number"]::-webkit-outer-spin-button,
.number-input-container input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

But I can´t use that css in webstudio
Yeah the solution would require custom code
Add a reply
Sign up and join the conversation on Discord