Hi! I’m currently work with the HubSpot form. I want to make modifications to the style and functionality. Is it possible override the default css in the options list for the hubspot form embeded code (i.e. pure html/ css, jquery, js dom elements etc) or change the functionality in js to autocomplete entries?
Hi @kimdang,
Sadly it’s not possible to fully style options elements, as the styling for these elements is handled by the user’s OS. Except for background-color and color, style settings applied through the style object for the option element are ignored.
If you want to achieve that look, you’d have to use regular HTML elements and make them look like select (parent) and option (child) elements, but given this is a Hubspot form, that won’t be possible. You could recreate the form in HTML/HubL to get the look you want and then send the information to HS on submission using the Forms API, but then you can’t edit the form content easily in HS.
Thank you @piersg !