css - anchor 标签高度不适合 TD

Question

我正在使用 TreeView 来填充网页中的行。在 html 中，它呈现为表格和 anchor 标记。悬停时不会选择上边缘和下边缘(即，如果我们将鼠标放在元素的上边缘，则 anchor 标记没有悬停。

问题-当我将鼠标悬停在图像上时，未选择 anchor 标记。

问题- 我需要用 <a> 覆盖边缘.

http://jsfiddle.net/krishnathota/tGWsH/

1. 我需要用 <a> 覆盖边缘.
2. 我需要 <a> 的颜色当鼠标悬停在图像上时要更改的 anchor 标记文本。

实际上我已经将 pageSource 从浏览器复制到 fiddle 中。如果您愿意，我会提供 TreeView 代码。

你能帮我实现这个目标吗？

Answer 1

这是你想要的吗？

Demo

您需要通过扩展 CSS 添加另一个类。

所以我有一些东西要告诉你如何-

添加到 anchor 上

.anchor-back
{
    background:#98bf26;
    color:white;
}

Javascript-

$('a').hover(function(){
    $('a').removeClass('anchor-back');
    $(this).addClass('anchor-back');

});

我希望你能从这里得到一个想法。