[Steven]

it’s too janky trying to hide the number spinners on various browsers.

Does anyone know how to replace the <input type=”number”> to more modern <input type="text" inputmode="numeric" />

[Anthony]

Why are you hiding the number spinners? isn’t it critical for number input in Woo to select quantity of product?

[Dennis]

https://stackoverflow.com/questions/3790935/can-i-hide-the-html5-number-input-s-spin-box

[Abigail]

might not be worth the hassle, mostly devs just hide the spin box and either add better arrows with JS or add plus/minus symbols which are more mobile friendly

[Steven]

WooCommerce: Hide Add To Cart Quantity Input Arrows

WooCommerce: Add to Cart Quantity Plus & Minus Buttons

[Juan]

“number” input is fine, but style it with JS like these is better for mobile devices, so your fingers can click the plus and minus buttons easier

# https://codepen.io/Rajesh-Pal-the-scripter/pen/QWzEWjG

# https://codepen.io/annieylooi/pen/RwwPgga

# https://codepen.io/tobyj/pen/ZWwNVJ

# https://codepen.io/tobyj/pen/vGbpPj

# https://codepen.io/ALexusDev/pen/YzGOPgz

[Author]

Posts