jquery Accordion 折叠和 CSS 问题

Question

我有一个带有来自 themeroller 的自定义样式表的 Accordion 。问题是，当我折叠 Accordion 的一部分时，它会将折叠的标题更改为黑色，而不是返回到原始的红色。我查看了 CSS，我唯一的想法是这是一个 JavaScript 问题，因为我的悬停颜色是黑色，并且由于某种原因它在折叠时保持该颜色。

这是一个链接 http://filtersavvy.com/index.php?main_page=index&cPath=351_448&sort=20a

Answer 1

寻找这个CSS规则

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: url("/includes/templates/theme376/css/images/ui-bg_highlight-soft_100_100909_1x100.png") repeat-x scroll 50% 50% #F50019;
    border: 1px solid #F50019;
    color: #FFFFFF;
    font-weight: normal;
}

此问题是由 .ui-state-focus 类引起的，它在具有焦点时为单击的菜单项显示黑色背景。从该规则中删除类或像这样重新定义它:

.ui-state-focus { background: none }