Show Arrows on Quantity Field – Chrome

Ran into an issue with an e-commerce Product quantity field where the up / down arrows would not show, and were required to indicate more than one item could be purchased.

input[type=number]::-webkit-outer-spin-button {  

   opacity: 1;




Leave a Reply

katherine as a flat graphic icon

About Me

I’m an African / Ojibwe First Nations Web Developer living in Winnipeg, Manitoba.

Visit the Tips and Blog to see what I’m working on.