Outline table row on hover

Question

I am trying to highlight the border of a table row on hover. Unfortunately this only works for the first row of cells. Lower rows have one border that does not change color. I h

Answer 1

I've been facing this same problem and finally found a simpler solution here.

You can use this CSS trick ( border-style: double; ) that works for 1px borders:

#mytable tr.row:hover td
{
    border-style: double;
    border-color: red;
}

This will make your border-color work (be the top most one) no matter what. :-)