2013-06-20 66 views
0

在我的样式表,我的链接样式是这样的:CSS TR:悬停和锚标记

a {color:#0088cc; text-decoration:none;border-bottom: 1px dotted #0088cc;} 

和我的表样式是这样的:

.datagridStyle { width: 100%; } 
.datagridStyle th { color: #aaaaaa; padding: 8px 4px 8px 4px; background-color: #000000; background-image: url(/Content/Images/BarBGR.gif); } 
    .datagridStyle th:hover { color: #eeeeee; background-color: #333333; } 
.datagridStyle td { border-bottom: 1px solid #b7b6b6; padding: 6px; } 
/* THIS STYLE IS THE ONE OF INTEREST */ 
.datagridStyle tr:hover { padding: 2px; background-color: #0083c4; color: #ffffff; cursor: pointer; } 

问题是,当我将鼠标悬停在一个行,该行变为蓝色,文本变成白色,但是如果任何文本是链接,则它保持蓝色,因此不可见。当鼠标悬停在行上并将其变成蓝色时,如何设置表格中的a标签以更改为白色?

回答

2

尝试增加:

.datagridStyle tr:hover a { color: #ffffff; } 

这将样式的所有环节中.datagridStyle tr:hover是白色为好。

+1

doh,为什么我没有想到...我喜欢简单的答案:)谢谢dken! – Losbear

+0

不客气:) – dKen