# How to change color of selected dropdown values in Dash

**URL:** <https://discourse.julialang.org/t/how-to-change-color-of-selected-dropdown-values-in-dash/57193>\
**Category:** Visualization\
**Created:** [March 15, 2021, 12:29pm UTC](https://discourse.julialang.org/t/how-to-change-color-of-selected-dropdown-values-in-dash/57193 "2021-03-15T12:29:24Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Iulian.Cioarca](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/iulian.cioarca/32/30166_2.png) [@Iulian.Cioarca](https://discourse.julialang.org/u/Iulian.Cioarca)\
**Post date:** [March 15, 2021, 12:29pm UTC](https://discourse.julialang.org/t/how-to-change-color-of-selected-dropdown-values-in-dash/57193/1 "2021-03-15T12:29:24Z")

</div>

By default, the values selected from a Dash dropdown are displayed in blue text, with blue background. Is there a way to modify these colors? I found: [Multivalue dropdown selected values color - #3 by Cloemdz - Dash Python - Plotly Community Forum](https://community.plotly.com/t/multivalue-dropdown-selected-values-color/35058/3)  
I made an `assets` folder inside my `src` and put the .css file, but it didn’t work.

---

<div class="post-metadata">

**Author:** ![jdamiba](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/jdamiba/32/25212_2.png) [@jdamiba](https://discourse.julialang.org/u/jdamiba)\
**Post date:** [May 18, 2021, 6:49pm UTC](https://discourse.julialang.org/t/how-to-change-color-of-selected-dropdown-values-in-dash/57193/2 "2021-05-18T18:49:29Z")

</div>

Yes, it is definitely possible to change the color of selected dropdown values in a dropdown in Dash.

For example, take the following `app.jl` and `assets/style.css`.

```julia
# app.jl
using Dash, DashHtmlComponents, DashCoreComponents

options = ["option 1", "option 2"]

app = dash()

app.layout = html_div() do
    dcc_dropdown(
        className="custom-dropdown",
        multi=true,
        options = [
            (label = i, value = i) for i in options
        ],
    )
end

run_server(app, "0.0.0.0", debug=true)

```

```css
/*assets/style.css*/

.Select--multi .Select-value {
    background-color: green;
    border-color: #e3a700;
    color: orange;
}

```

With the following folder setup, this should work:

```julia
src
├── app.jl
├── assets
│ ├── style.css

```
