# Styling labels in dash dropdown using html

**URL:** <https://community.plotly.com/t/styling-labels-in-dash-dropdown-using-html/52020>\
**Category:** Dash Python\
**Created:** [April 15, 2021, 1:35am UTC](https://community.plotly.com/t/styling-labels-in-dash-dropdown-using-html/52020 "2021-04-15T01:35:22Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![dashplotlyuser](https://avatars.discourse-cdn.com/v4/letter/d/71c47a/32.png) [@dashplotlyuser](https://community.plotly.com/u/dashplotlyuser)\
**Post date:** [April 15, 2021, 1:35am UTC](https://community.plotly.com/t/styling-labels-in-dash-dropdown-using-html/52020/1 "2021-04-15T01:35:22Z")

</div>

The following code does nothing:

```auto
dcc.Dropdown(options=[
            {'label': html.Span('word1 word2'), 'value': value}])

```

The label key only takes string values. Is there a workaround? Say I want to change the color of word1 to red and the color of word2 to green. How do I go about doing this?

You can do this for the Bootstrap dropdown menu, but unfortunately that’s not searchable. And the workaround to make it searchable seems to require quite a bit of JavaScript.

I am ok with minimal Javascript solutions.