Forums Ignite UI for Angular
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
Close
AMIT JHA
30
Override selected border color in igx grid
posted

HI,

I want to change the color of border in grid when I select the the cell. How Can I override the color of border. I have tried giving custom style But seems like it is not working

Parents
No Data
Reply
  • 960
    Verified Answer
    Offline posted

    Hello AMIT JHA,


    You can change IgxGrid's styles by using SCSS.

     

    /* ==== styles.scss ==== */

@include igx-core();

// Exclude igx-grid styling
// https://www.infragistics.com/products/ignite-ui-angular/angular/components/themes/global-theme.html#excluding-components
@include igx-theme($default-palette, $exclude: (igx-grid));

// Create a custom component theme
// https://www.infragistics.com/products/ignite-ui-angular/angular/components/themes/component-themes.html#creating-themes
// https://www.infragistics.com/products/ignite-ui-angular/docs/sass/index.html#function-igx-grid-theme
$my-igx-grid-theme: igx-grid-theme(
  $cell-active-border-color: lightgreen,
);

// Include the custom theme
@include igx-grid($my-igx-grid-theme);

     

    Could you give it a try?

Children