Input styling (Fonts)


Is there a way to change the style (Font Color, Font Size, Font Family) of the inputs like dropdowns and multi-dropdowns?



The best way to do this would probably be to check out the default stylesheets for these components, copy them, modify them, and then serve them using Here are the default stylesheets:,

You may also be able to set the style attributes of a parent html.Div like:

html.Div(style={'fontColor': 'blue'}, children=dcc.Dropdown(...))

But I haven’t tried that myself.

Finally, I recommend using Chrome’s Debugger to manually inspect and modify styles live:


Setting the parent-Div style worked.

Thank you!