Change style in dash DataTable drop down

[stu]

Hi,
I’m not sure if you’re referring to the cell where the dropdown box is or the dropdown list.
If it is the former, you may consider modifying the style_data or style_data_conditional property.
Otherwise, I currently can only think of adding some CSS like this below.

.dash-table-container.Select-menu-outer {background:black;}

I’ll keep an eye out for a better way for you.

-----update-----

Refer to

Datatable - Dropdown - Change style

Hi @dash_noob Try adding this to the css in the assets folder: .dash-spreadsheet .Select-option { color: black !important; } or by using the css prop in the table dash_table.DataTable( id="table-dropdown", data=df.to_dict("records"), css=[ { "selector": ".dash-spreadsheet .Select-option", "rule": "color: black", }, ], .....