如何在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上？

回答

相關問題