2

如何更改 Jquery Accordion 的内容背景颜色？我试图在 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")

它们都不起作用。

4

5 回答 5

3

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

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

#myAccordion .ui-accordion-content

可能会这样做。或者你可能必须更具体。

以下是一些有关此内容的更多信息的链接：

于 2013-06-19T03:04:42.473 回答
2

覆盖 .ui-widget-content

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

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

于 2013-06-19T03:08:08.500 回答
1

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

#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-02T20:05:31.033 回答
0

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

于 2013-06-19T03:04:32.407 回答
0

试试这个

<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-05T17:07:17.790 回答