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:
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.