Changing dropdown styles.

[Yogesh Patil]

Hello Team,

I am using MultiSelectDropdown. Everything is working fine only I need to change pop up background color and selected values color. I have searched a lot but no luck.

Thanks

Yogesh Patil

[Sureshkumar P]

Hi Yogesh,

We suggest you use the below style code to achieve your requirement.

Find the code example here:

/* selected input text color style override */

.e-color-green.e-multiselect

  .e-multi-select-wrapper

  .e-delim-view.e-delim-values {

  color: green;

  -webkit-text-fill-color: green;

}

/* popup background style override */

.e-color-green .e-dropdownbase .e-list-item.e-item-focus,

.e-color-green .e-dropdownbase .e-list-item.e-active,

.e-color-green .e-dropdownbase .e-list-item.e-active.e-hover,

.e-color-green .e-dropdownbase .e-list-item.e-hover {

  background-color: #1f9c99;

  color: #2319b8;

}

 

Find the sample here: https://stackblitz.com/edit/react-a2naym?file=index.js,index.css

Regards,

Sureshkumar P