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;

到您想要的适当的十六进制颜色。