Custom Select Field tied to Webflow Native Select Field

1. Styling default select field menus is not possible. If you create a custom one, it won't automatically submit a value with the form.
2. Here's a cloneable that maps your options in the default selector to the custom selector you've designed.
3. With a bit of JS the selected value in your custom selector updates the default selector and push the values to the Webflow CMS...

Webflow default selector

Add your options here and hide this element.

Select meOption 1Option 2Option 3

Custom Selector

Add styles and use this element in your project.

Select me

Text

On a real website, the actual select field parses the value selected in the custom select field to the Webflow CMS.

Oops! Something went wrong while submitting the form. Please check your details and try agian.

Please Note: There is only one-way binding. The custom selector updates the default selector but not vice-versa