Selector Field Appearance


Hi! I am having an issue editing the style of various selector fields I have on my site and it is REALLY frustrating me. I am trying to figure out how to get rid of that ugly fake 3d/ shine overlay on the selector field (in this case it is a country selector in the checkout page). I am looking everywhere and can’t figure out how to make the background just a normal (flat) color. Any help would be appreciated! Thank you!


Here is my site Read-Only: LINK

Hey @tmattmusic!

You can edit the background of that dropdown from the background panel on the style panel

Forgot to mention that I already tried that and it wasn’t working. Thanks for the suggestion tho! I’ll keep looking for solutions.

Hey @tmattmusic!

This is an Apple thing… Safari adds in their own styles automatically do specific form fields including select fields. You can override this through custom code.

Add the following code to your project in the Project Settings > Custom Code > Head Code:
<style> select { -webkit-appearance: none; } </style>

That should do the trick. :+1:

1 Like