Responsive classic template pill style buttons appearing on mobile devices

Hi,
As mentioned in the responsive classic template support thread - CSS buttons appear correctly when using mobile emulators (such as firefox or chrome devtools) but lighter coloured ‘pill’ style buttons are displaying on iphone/ipad mobile devices.

This appears to be a bug – please see below a possible fix (many thanks to janks and rlexyd for the code).

Add the following to your stylesheet.css

input.submit_button, input.cssButtonHover { -webkit-appearance: none; }

https://www.zen-cart.com/showthread.php?219735-Responsive-Classic-(built-in-to-Zen-Cart-v1-5-5)-Support-Thread&p=1383119#post1383119

Hopefully a fix can be included in future versions of Zen Cart.

richard7315:

Hi,
As mentioned in the responsive classic template support thread - CSS buttons appear correctly when using mobile emulators (such as firefox or chrome devtools) but lighter coloured ‘pill’ style buttons are displaying on iphone/ipad mobile devices.

This appears to be a bug – please see below a possible fix (many thanks to janks and rlexyd for the code).

Add the following to your stylesheet.css

input.submit_button, input.cssButtonHover { -webkit-appearance: none; }

https://www.zen-cart.com/showthread.php?219735-Responsive-Classic-%28built-in-to-Zen-Cart-v1-5-5%29-Support-Thread&p=1383119#post1383119

Hopefully a fix can be included in future versions of Zen Cart.
... or Safari. I'm finding more and more incompatibilities (like https://www.w3schools.com/tags/att_img_loading.asp) coming from that browser.