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

Different color for text and icon

Hi all and thanks for reading, I was wondering if there would be a way to set a custom color for the text and a different color for the DropDownList icon in the Grid.

Sample: https://ej2.syncfusion.com/documentation/grid/how-to/cascading-drop-down-list-with-grid-editing/#cascading-dropdownlist-with-grid-editing

Thank you

1 Reply

PS Pavithra Subramaniyam Syncfusion Team February 10, 2023 12:13 PM UTC

Hi Christian,

Yes, you can achieve your requirement “Different color for text and icon” by setting the style for the edit cells using the below selectors. Please refer to the below code example and the sample link for more information.

.e-gridform .e-input {

  color: red !important;


.e-gridform .e-ddl-icon:before,

.e-gridform .e-input-group.e-disabled .e-ddl-icon:before {

  color: blue;






Pavithra S

Live Chat Icon For mobile
Up arrow icon