如何更改jquery手风琴标题背景颜色?

时间:2011-04-27 09:21:13

标签: jquery-ui

专家,

如何更改手风琴菜单标题颜色?哪个样式的类名是这个?以及如何设置默认的选定标签?

请参阅网址: http://jqueryui.com/demos/accordion/

这里我需要在打开菜单时选择第2部分...

请帮我改变。

4 个答案:

答案 0 :(得分:14)

为了更改标题的背景颜色,在css中识别手风琴标题类名,然后更改背景属性,如下所示:

.ui-accordion-header{
   background:black;
}

要将活动索引设置为2,请使用api:http://docs.jquery.com/UI/API/1.8/Accordion

在这里你会发现你只需要在你的jquery手风琴对象上调用.accordion(“activate”,index)。

答案 1 :(得分:2)

快速检查告诉我你必须修改

的css声明
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited

对于默认选择的标签,您可以执行以下操作:

$('#myAccordionId').accordion({}).accordion("activate" , indexOrSelector) //index in your case would be 1

答案 2 :(得分:2)

我这样做了,它有所帮助:

#accordion h3{ 
  background:none;
  background-color:yellow;         
}

首先重置主色,然后设置喜欢的颜色。

答案 3 :(得分:0)

$('HEADER').css('color', '#FF0000');

document.querySelector('HEADER').style.color = '#FF0000';