disabling IOS style on custom form buttons?

NicoBassill
Visitor
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?

 

Thanks!

 

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)
ZenoPageBuilder
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

https://codepen.io/KaSeo/pen/XWdWELr

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