Streaming live at 10am (PST)

Form Select (dropdown) button ignores styling on IOS

Hi,

I have styled a form with inputs and buttons and a select (dropdown) button. The problem is, on mobile browsers (Chrome and Safari) on iPhone, the select button shows default styling and ignores the ones given in Webflow.

How it should look:
Screenshot 2020-02-26 at 13.53.05

How it looks on mobile (iPhone)

Read only link


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

1 Like

Hi @Bee_Neat!

You can add on custom code to disable IOS WebKit appearence:

<style>
textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
} 
</style> 

Eve Kayser

2 Likes

Having the same problem. Where do you add this code to make it work? I added it to the head code and it didn’t work.

Hi @americanupstarts. Yes, it was supposed to work adding in the <head> of the project.

Eve Kayser

1 Like

I’m having same problem as well. I was wondering if you had any advice. I past the code into the tag but it doesnt seem to fix the appreance of my select forms.
Thanks in advance
https://holland-haus.webflow.io/

Make sure that the classes in the code are the same as the class for the selector

1 Like

Worked perfectly, but now I don’t have the beautiful arrow next to the number, just the number. Any idea on how to solve this? :))