fix: Additional CSS styling support in DataGrid MultiSelect

[gkizior]

🐛 Bug Report

In demo for DataGrid MultiSelect there is a callout:

This doesn't work in v4.11.0

💁 Possible Solution

row-selected needs to be present on the <tr> or <td> to add additional CSS styling for selected rows

[hml-coder]

targeting the td items works for me.

.fluent-data-grid-row:has([row-selected]) > td {
    color: var(--accent-fill-rest);
    background-color: var(--neutral-fill-stealth-hover);
}

[gkizior]

targeting the td items works for me.

.fluent-data-grid-row:has([row-selected]) > td {
    color: var(--accent-fill-rest);
    background-color: var(--neutral-fill-stealth-hover);
}

Thanks, this works. I submitted a PR to update demo site