When we have a background color to a table td then tr:hover will not work as expected. It will not show the hover color on table td. This simple trick will fix that issue.

Just add the following rule to your css,

tr:hover td {
  background-color: #000;
  color: #fff;

It will highlight the hovered row with all td having black background with font color in white, To be safe add this rule after td style declarations.

So this simple trick fix tr:hover / td: hover anything you would say.


Comments (0)
Leave a Comment

loader Posting your comment...