disabling IOS style on custom form buttons?

1 0 0

Hey guys, I've added a few custom drop-down fields in code to my contact form. It all looks good on desktop, however, when you load it up on an iPhone, it has a custom styling for only the custom buttons that looks like it's picked up from the iPhone IOS... is there a way to disable this so the form likes uniform throughout on all media?




edit: I've tried this code below, but it did not alter anything:


.field {
-webkit-appearance: none !important;
-moz-appearance: none !important;

Reply 1 (1)
Shopify Partner
833 148 168

There is not a way to disable default dropdown style on iOS.

You will need to create a custom dropdown element with HTML/CSS/Js (quite complicated), for example


Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com