Question

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

[CSS]

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

[JS]

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

它们都不起作用。

Answer 1

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

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

这样的东西

#myAccordion .ui-accordion-content

可能会这样做。或者你可能需要更具体。

以下是一些指向此信息的链接：

Answer 2

覆盖.ui-widget-content

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

看看这个demo，我分叉手风琴，只是改变了背景

Answer 3

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

#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
}

Answer 4

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

Answer 5

试试这个

<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>

问候。

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

5 个答案: