angular - Angular 4 Material 表突出显示一行并更改选定的行颜色

Question

当我在我的 mat-table 中选择一行时，我想改变它的颜色。
我已经知道了，但是如果我在表格中选择了它，我background color无法更改我的行颜色white

标签： angularangular-material

Answer 1

你可以添加你的默认类class="table-row" ，比如tabindex="1"<mat-row>

<mat-row class="table-row" tabindex="1" 
*matRowDef="let row; columns: displayedColumns;"></mat-row>

并且，在 css 文件中写入

.table-row:focus {
  background: tomato;
  outline: none;
}
.table-row:focus mat-cell {
  color: white; 
}

Stackblitz 演示在单击时突出显示表格行并更改颜色