Marketplace
Made in Webflow

Custom Select Fields

8001 views
site profile thumbnail

Description

Update 02-12-2020: -Added color variable for list option (in dropdown) text color on hover -Added color variable for selected option text color that displays in the field after it's selected A cloneable project using the Nice-Select JQuery plugin to style and customize a <select> field in your Webflow project. I made the customization process really easy. In the Navigator you will see a custom code element called "style-settings". Open that up and you will see the different options for Color and Spacing. Comments are used as well so you know which does what. Simply copy and paste in your own color and spacing values. Last, we need to initiate the the plugin by copying the simple script code that is located in the Page Settings > Custom Code > </body>. You can also add that code and the <style> code to your Sites Settings Custom Code (global) so it translates across your entire site for all forms that have a <select> input field. Hope you dig it and of course I hope it helps!
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.

We miss comments too!

Right now, Made in Webflow doesn't offer all of the same functionality that Showcase did, like the ability to leave comments. But don't worry: We're working to bring comments back as soon as possible!

As always, we'd love to hear your feedback! Click the link below to take a short survey about Made in Webflow.

selectcustomselectcustomfieldscustomcodeformform-select

More by Noah Raskin

See profile
View details
Custom Animated Hero Slider - CMS
490
2.9k