Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
15
Igx Cell: Is there a way to change idle text color and selected text color?
posted

Hello,

I'm trying to follow this guide's use of cell classes in order to change a cell's default text color and selected text color: https://es.infragistics.com/products/ignite-ui-angular/angular/components/grid/conditional-cell-styling#using-cellclasses

When I just write on the .scss file:

.nonEditable {
      color: black;
}

I get a cell with black text. But when that cell is selected, the text stays black (description column, the cell under payee is what the default cell style is for this grid)

If I use the following scss, I can change the selected text color:

.nonEditable {
      --cell-selected-text-color: red;
}

But if I try to use both, it overrides the selected text color:

.nonEditable {
        color: black;
      --cell-selected-text-color: red;
}

Is there any way to write the scss so that the default text is black, but the highlighted text is the specified color?