Embedded Form - Select Drop Down Menu Styling

Developer Support CMS Development
1

Hello,

I’m working on styling the dropdown menu in a select field in an embedded hubspot form.

I’m using the Form Markup selectors ‘Select’ & Select:Focus. Is there a way for me to customize the options dropdown? Change the highlight field color?

I’m trying to get this form to look exactly like this one.

I appreciate any insight on how to solve this challenge!

Thank you,

Ryan

2

I don’t think you are able to replicate this with CSS - not completely.. I’m guessing you’ll need to do this in javascript or find a library that will do this for you (it will require some css styling either way).

Looking at the code, a select field is replaced by other html elements on the page and it seems to work using javascript.

3

Thank you for taking a look.

You’re correct on the java script.

Much appreciated.

Thank you,

Ryan

4

Hey Ryan, what did you use to custom style your menu list?

5

This is css. But if you want to style the actual dropdown you have to use a javascript solution.

in this case they are just styling the select itself with a background. The allowing the dropdown to be default.