Black Lives Matter. Please consider donating to Black Girls Code today.

How to change width of dropdown

Is there a way to directly change the width of a dcc.Dropdown() component without putting it inside a html.Div and readjusting the Div’s width?

Thanks

2 Likes

You can do this with css using a link to your css file on codepen.io, link must be in a list.

style_sheet = [‘your_codepen_url’]
app = dash.Dash(name, external_stylesheets=style_sheet)

#id_of_dropdown {
width: 35%;
}