Hover Effekt nach JS funktioniert nicht

[Emanuel]

Hallo Leute!

Folgendes Problem:
Hab eine Tabelle und jede row mit einem hover Effekt versehen:

tr.info_tr{
background:#EEF1DF;
}

tr.info_tr:hover{
background:white;
}
<table>
<tr class="info_tr">
...
</tr>
</table>

Das Funktioniert soweit.
Zusätzlich gibts die Möglichkeit jede row einzeln per checkbox zu markieren, wodurch sich per JS die Farbe der row ändert.
Nun, nachdem eine row markiert ist (egal welche) ist der hover Effekt bei keiner row mehr wirksam.

Wieos ist das so?

MfG Emanuel