Question

在我的网站设计中，我使用的是jQuery UI标签，我想改变当我将鼠标悬停在标签上时显示的深绿色。但是，我无法在CSS中的任何位置找到此颜色或覆盖它，并且Chrome开发人员工具不会显示与标签匹配的任何此类颜色。这是jsfiddle：http://jsfiddle.net/Uy4Jz/1/

我觉得这个CSS应该能够覆盖它，但似乎并非如此：

#tabs .ui-tabs-nav .ui-state-active { 
    background: transparent url(images/uiTabsArrow.png) no-repeat bottom center; 
    border: none; 
    color: #000;
}

我应该如何改变这种颜色或用不同的颜色覆盖它？

Answer 1

它来自你的CSS声明：

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #205225;
    text-decoration: none;
}

可能最好更新

的所有实例

color: #205225;

使用适当的十六进制颜色。

Answer 2

使用您想要的颜色在CSS中覆盖它

.ui-state-hover a, 
.ui-state-hover a:hover, 
.ui-state-hover a:link, 
.ui-state-hover a:visited{
    color: #205225; /*change this*/
}

Answer 3

如果您正在谈论“博客”，“关于我”和“项目”，请定位a列表中的li并设置其悬停psuedo元素的样式

#tabs ul li a:hover {
    color: blue;
}

显示在选项卡上的神秘颜色悬停

3 个答案: