How to change input type="number" arrows to + and -?

Question

WordPress

Hello. Please help, there is a task to change the standard arrows for increasing the number of goods to "+" and "-". How can this be implemented? Worth Woocommerce Plugin, Storefront Theme

Answer 1

As an option, rewrite the woocommerce/global/quantity-input.php file, add buttons there and then custom process clicks in JS prntscr.com/j7ena9 and it will be beautiful https://gyazo.com/9b711cb164fd4bf85146462943e397fe

Answer 2

https://codepen.io/komarovdesign/pen/PPRbgb