如何在鼠标悬停时更改垫表的字体颜色

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
  }