[Dash Mantine Component] How to change background color of a selected item of dmc.Select component?

Hey Dashers,

As the title says all; I am looking for suggestions on how to change background color of the selected item in the dropdown list of dmc.Select component.

More specifically I want to change the blue background of the selected item in the below image:

Screenshot 2023-11-23 at 14.35.30

Since I am not confident with my CSS skills, II have experimented with API styles of dmc.Select with no avail.

I am almost sure it must be something like the one below, but I guess I need to find different attribute than :focus to specify an element is selected.

    background-color: red !important;


Hey, this seems to work for me:

    background-color: #005800;


It did work for me as well thank you! However, I need to take care of hover background as well:

    background-color: rgb(55, 58, 64);
    background-color: rgb(55, 58, 64);
1 Like