Html 悬停效果在新西兰表上不起作用

在我的表中有类green-row，但问题是，每当我在绿色行上悬停时，它会变成黑色一秒钟，然后go 掉背景色，变成白色.

我try 了不同的选项，但所有选项都给出了一秒钟的背景 colored颜色 ，然后就被删除了，既不是黑色也不是绿色

 <nz-table #filterTable [nzData]="agents$ | async"><thead><tr>
            <ng-container *ngFor="let column of columns"><th *ngIf="column.status" (click)="sortByColumn(column)">{{ column.name }}</th></ng-container>
          </tr>
        </thead>
        <tbody>
          <tr *ngFor="let data of filterTable.data"[ngClass]="{'green-row': data.in_targets === true}">
            <td [nzLeft]="fixedColumn" class="center">
              <label nz-checkbox [ngModel]="data.checked" (change)="updateCheckedList(data)">
              </label>
            </td>
            <ng-container *ngFor="let column of columns;let i= index">
              <ng-container *ngIf="column.status">
                <td [class.red]=" data[column.dbName] |negative"
                [ngClass]="{'text-center':column.right,'text-capitalize':column.type==='text'}">
            <td class="text-right" *ngIf="columns[10].status">{{ data.yrchange | currency : 'USD' : 'symbol' : '1.0-0'}}
            </td>
          </tr>
        </tbody>
      </nz-table> 

而css是

.green-row {
    background-color: lightgreen;
} 

.green-row:hover{
    background-color: black;
} 

但问题是，每当我在绿色行上徘徊一秒钟，它就会变成黑色，然后删除BG colored颜色 ，然后变成白色，try 了不同的选项，但所有选项都给了BG colored颜色 几秒钟，然后删除，既不是黑色也不是绿色