如何更改Jquery Accordion的内容背景颜色

如何更改Jquery Accordion的内容背景颜色？我试图改变它在CSS和JS文件：如何更改Jquery Accordion的内容背景颜色

[CSS]

.ui-accordion-content { 
    width: 100%; 
    background-color: #f3f3f3; 
    color: #777; 
    font-size: 10pt; 
    line-height: 16pt; 
}

[JS]

$(".ui-accordion-content").css("background", "#fcfff4")

他们没有工作。

来源

2013-06-19 IceDawg

您必须使用更具体的CSS选择器。阅读标准，了解浏览器选择元素的CSS选择器的优先级。所以像#myAccordion .ui-accordion-content可能会这样做。或者你可能必须更具体。 – Precastic

要回答：您需要了解CSS选择器优先顺序。

您必须使用更具体的CSS选择器。阅读标准，了解浏览器选择元素的CSS选择器的优先级。所以像

#myAccordion .ui-accordion-content

可能会做到这一点。或者你可能必须更具体。

以下是详细信息链接数一下：

来源

2013-06-19 03:04:42 Precastic

你需要使用世界!important在CSS，因为要覆盖jQuery的UI的默认CSS设置，或者也许你应该集/自定义您想要的jQuery的UI的主题在下载JQuery UI之前的主题

来源

2013-06-19 03:04:32

通过jQuery.css（）设置它可以使用它吗？ – Precastic

@Precastic在这里看到http://stackoverflow.com/questions/2655925/jquery-css-applying-important-styles –

我在哪里放？ – IceDawg

覆盖.ui-widget-content

.ui-widget-content{ 
    background:red; 
}

看看这个demo，我分叉手风琴只是陈ged的背景

来源

2013-06-19 03:08:08 isJustMe

我尝试使用更具体的选择器，并始终添加背景：无;

#accordion .ui-accordion-header{ 
    background-image:none; 
    background-color:#333; 
    color:#fff; 
} 

#accordion .ui-accordion-content{ 
    font-size:14px; 
    background-image:none; 
    background-color:#222; 
    color:#fff 
}

来源

2015-02-02 20:05:31 csmith81487

尝试用这种

<style> 
#accordion .ui-state-active{ 
background-image:none; 
background-color:#FF0000!important; 
color:#454545!important; 
border: 1px solid #454545!important; 
} 

#accordion .ui-state-default{ 
background-image:none; 
background-color:#F6F6F6; 
color:#454545; 
} 
</style>

问候。

来源

2016-08-05 17:07:17 NetRevolutions

如何更改Jquery Accordion的内容背景颜色

回答

相关问题