Как изменить цвет шрифта таблицы матов при наведении мыши

Question

Я хочу изменить цвет шрифта при наведении курсора мыши на ряд матов. Я могу изменить цвет фона, но я также хочу изменить цвет шрифта.

<table mat-table [dataSource]="displayvendors" class="mat-elevation-z1">
 <ng-container matColumnDef="id">
<th mat-header-cell *matHeaderCellDef> Vendor ID </th>
 <td mat-cell *matCellDef="let element"> {{element.id}} </td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="['id']"></tr>
<tr class="rowhover" (click)="displayData(row.id)" mat-row *matRowDef="let row; columns: ['id']"></tr>
</table>
</div>     
<router-outlet></router-outlet> 

Это css

.rowhover:hover
{
    cursor: pointer;
    background-color:#A92069 ;

}

Answer 1

Использование css

.mat-row:hover > .mat-cell {
    color:  white
  }