Styling font of dropdown choices

[sydney22]

I have a feature where I allow my users to change fonts using conditionals.

I’m trying to style the text in a dropdown with the Page HTML Header like this:

<style>

.dropdown-choice[value*="Choice A"] {
  font-family: "Arial";
}

.dropdown-choice[value*="Choice B"] {
  font-family: "Georgia";
}

.dropdown-choice[value*="Choice C"] {
  font-family: "Courier New";
}

</style>

This unfortunately does not work. Anyone have any experience with this?

[deliriousmiles]

I’m similarly looking for a way to customize the text within a dropdown.

In my case I want to allow users to see what the font looks like within the list of fonts dropdown before selecting it. The same way Bubble actually does it.

Anyone know how to do this?

[Jici]

You need a plugin like selectize dropdown to be able to do that or use repeating group with html