Different color for text and icon

[Christian]

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

[Pavithra Subramaniyam]

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;

}

 

 

https://stackblitz.com/edit/zqevkv?file=index.ts

Regards,

Pavithra S