css - 标签悬停时出现神秘颜色

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列表中定位并设置其悬停伪元素的样式

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