Disabling IOS style on custom form buttons?

Store Design
, , ,
1

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;
}

2

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