Vaadin grid selected row color

Question

Searched a lot to change the default selected row background color of Vaadin 24 grid with CSS, tried

vaadin-grid::part(selected-row) {
  background: orange;
}

but it is not working.

I am able to change selected row font color with

vaadin-grid::part(selected-row) {
      color: blue;
    }

somebody please help.

Answer 1

The reason it's not working is that the cells define their own background color, so you need to override that instead with vaadin-grid::part(selected-row-cell)