RadzenDropDown: customize the --rz-dropdown-item-selected-background-color

Radzen.Blazor Components
1

Hi, I am working on a RadzenDropDown multi-selection control. I need to change the default color of --rz-dropdown-item-selected-background-color in my .razor.css file. I have declared
--rz-dropdown-item-selected-background-color: var(--rz-secondary-dark); but still the default color from material-base.css is being loaded into the browser. Any help is appreciated here.

2

You can use the browser's devtools to inspect what is actually being applied.

Usually such style overrides should be added to the site.css file with a root level selector:

:root {
  --rz-dropdown-item-selected-background-color: var(--rz-secondary-dark);
}