Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
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;
}
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