Tôi đang cố gắng làm nổi bật đường viền của một hàng trong bảng khi di chuột. Thật không may, điều này chỉ hoạt động cho hàng ô đầu tiên. Các hàng dưới có một đường viền không đổi màu. Tôi đã thử sử dụng outlinenhưng nó không hoạt động tốt :hovertrong webkit.
Hãy tưởng tượng html bảng tiêu chuẩn của bạn. Một số tr với một số td. Di chuột qua một hàng sẽ làm nổi bật đường viền của nó bằng màu đỏ.
table { border-collapse: collapse; } /*I am aware of separate */
table td { border: 3px solid black; }
table tr:hover td { border-top-color: red; border-bottom-color: red; }
table tr:hover td:first-child { border-left-color: red; }
table tr:hover td:last-child { border-right-color: red; }
Tôi sẵn sàng cho các phương pháp tiếp cận thay thế, nhưng tôi bị mắc kẹt với cấu trúc bảng. Không chèn thêm html ngoài tiêu chuẩn<table> <tr> <td>
