1. Home
  2. Forum
  3. JavaScript - EJ 2
  4. Change text color of chip from black to white

Change text color of chip from black to white

Hi, i am unable to change the text color of the chip in multiselect dropdown. I tried adding color attribute to .e-chips.chocolate but that doesn't work. I went up the div's and tr


MultiSelect Dropdown · Chip Customization · Essential JS 2 · Syncfusion


3 Replies
KP Kokila Poovendran Syncfusion Team October 10, 2024 12:20 PM UTC

Hi Naveen Davuluri,


Thank you for reaching out regarding the text color of the chips in the MultiSelect dropdown.


We have validated your query and checked the issue on our end. The text color of the chips should display correctly when using the appropriate CSS styles. Please refer to the sample below to see how it can be implemented:


Sample: View Sample on StackBlitz



Make sure that the CSS styles are correctly loaded and applied in your application. If you are still facing issues after checking these points, please share the complete code snippet you are using. This will help us diagnose the problem further.


Looking forward to your response!


ND Naveen Davuluri October 10, 2024 12:43 PM UTC

Attached is the code where i applied color attribute to various chip elements and still doesnt work


Attachment: new_1_84fa56d6.zip

KP Kokila Poovendran Syncfusion Team October 17, 2024 11:04 AM UTC

Hi Naveen Davuluri,


Thank you for sharing the code sample.


Upon reviewing the code, we have made the necessary corrections to ensure the color attribute is applied correctly to the chip elements. Please find the modified sample attached below:

This updated sample should help the chips display the specified colors as expected.



Regards,

Kokila Poovendran.


Attachment: new_1_84fa56d6_(2)_fa9c51fc.zip

Loader.
Up arrow icon