We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Changing dropdown styles.

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


1 Reply

SP Sureshkumar P Syncfusion Team October 21, 2022 05:29 AM

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 {

  colorgreen;

  -webkit-text-fill-colorgreen;

}

/* 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


Loader.
Live Chat Icon For mobile
Up arrow icon