✊🏿 Black Lives Matter. Please consider donating to Black Girls Code today.
🐇 Announcing Dash VTK for 3d simulation graphics. Check out the March webinar.

Changing the background color of the selected item in multi-select dropdown - Dash

Hello,

I`m trying to change the style of the multi-select drop down in Dash, but I can only change the text-color of the options, like below:

image

Is there a way I can change the background color of the selected items? (instead of the default blue one)

I came across this post: Multivalue dropdown selected values color, which is suggesting:

.Select--multi .Select-value

but is there a way to include these classes in the style={…} tag directly, as Im using an external bootstrap theme, so I can not modify the style.css`, as suggested there.

This is the piece of code I`m using

   html.Div([            
           html.Label('Part Family Group'),
           
           html.Div([
           dcc.Dropdown( 
           id='instance_picker',           
           options=[
                   {'label': i, 'value': i} for i in list
                   ],
           multi=True,
           value=['AMB']),
           
              ], style = {  'background-color': '#ffee58',  'border-color': '#ffee58 ',  'color': '#ffab00'})       
                 
           
             ],  className="", 
           style={'margin-top':'30px'}),

I would really appreciate your help.