Jquery ui选项卡活动选项卡背景颜色没有改变

Question

我在 jquery ui 选项卡中遇到问题。我正在尝试使用 #2980b9 作为我的活动标签背景。当我单击一个选项卡并使其处于活动状态时，chrome 检查元素显示带有 #2980b9 作为背景的打击 css 类，但出现的颜色不同。这里有什么问题？

        #planTab .ui-tabs-active    
   {
            border-color: #2980b9 !important;
            background: #2980b9 !important;   
   }

Answer 1

试试下面CSS

#planTab .ui-tabs-active:hover
{
    background-color : #2980b9;
}

#planTab .ui-tabs-active
{
    background-color : #333333;
}

您可以用实际颜色替换活动颜色。目前我已经给了#333333。