如何在Html.Action链接中改变链接的颜色，鼠标悬停在div上？

我正在使用MVC3。我有一个表格和一个Html.ActionLink里面。我已经将文字装饰设置为none，但链接仍然是蓝色。我更改表格：悬停背景颜色和文本颜色，并且当将鼠标放在行上时，不是链接的文本变为白色，但链接仍为蓝色。如果我改变a：hover，只要将鼠标放在它上面，链接就会变白，而不仅仅是在行上。如何在Html.Action链接中改变链接的颜色，鼠标悬停在div上？

有没有办法用CSS做到这一点？

来源

2012-08-13 Andrey Lima Ramos

使用Jquery。当鼠标悬停在div上时，获取div中的所有链接并更改其颜色。 – 2012-08-13 23:21:31

通常情况下，以覆盖所有的锚，当你在徘徊该行。

#tableid tr:hover a { 
    /* Your Styles */ 
}

但是，这并不适用于所有IE浏览器，所以使用JS来捕捉事件并将样式应用于锚中。

来源

2012-08-13 23:46:21 Starx

我不再支持IE <版本7，此外，我根本不会支持不支持css2的浏览器...... [whencaniusehover]（http://caniuse.com/#search=:hover）如果没有规定 – r3bel 2012-08-14 00:25:52

@ r3bel，是的，使用脚本是最好的解决方案。 – Starx 2012-08-14 00:35:17

感谢他为我工作。 – 2012-08-15 18:19:44

使用下面的CSS：

#yourTableId:hover a { 
    color: #FFF; 
}

您可以根据应当使用的CSS与表和/或.yourTablesClass更换#yourTableId也;）

这个作品也为子元素，例如：

#yourTableId div:hover a 

#yourTableId tr:hover a

所以一般来说，我们可以说，你可以使用以下命令：

#yourTableId *:hover a

其中*标记名，类名或ID（不要忘记class和id的前缀 - > .classname和#idname）

here a jsfiddle example

来源

2012-08-13 23:24:01 r3bel

可能值得注意的是，这适用于低级别的元素比表..所以，你只能突出显示行上的锚点..也许：#yourTableId tr：悬停一个 – 2012-08-13 23:32:31

我编辑它，并添加了一些其他的例子jsfiddle – r3bel 2012-08-13 23:41:14

如何在Html.Action链接中改变链接的颜色，鼠标悬停在div上？

回答

相关问题