Multivalue dropdown selected values color

Dash Python
12

@nlyle Hmm that looks odd - there might be some other css interfering?

Try this simple MWE:


import dash
import dash_html_components as html
import dash_core_components as dcc

external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']

app = dash.Dash(__name__, external_stylesheets=external_stylesheets)
app.layout = html.Div([
    dcc.Dropdown(
        id='demo-dropdown',
        options=[
            {'label': 'New York City', 'value': 'NYC'},
            {'label': 'Montreal', 'value': 'MTL'},
            {'label': 'San Francisco', 'value': 'SF'}
        ],
        value=['NYC', 'MTL'],
        multi=True
    )
])

if __name__ == '__main__':
    app.run_server(debug=True)

Then put this in the .css file in the assets folder:

.Select--multi .Select-value-icon {
    border-right: 10px solid yellow;
}

This is really ugly - but I made this yellow and 10px wide just to make in visible. It should look like this:

image