手风琴中间的白色 - JQuery

Question

为什么我的手风琴内容中间有一个巨大的白色空间？

这就是我拥有.css的方式,它完全适用于中间的空白区域.

#accordion .ui-accordion-content {
    background-color: #dcaf4d;
    color: #42dc86;
    font-size: 12pt;
}

以下是白色空间的示例:

http://jsfiddle.net/bQ5Gd/5/

在你问之前,在我的Jquery手风琴中导致这个白盒的原因是什么？没有解决问题.

Answer 1

这是由于:

.ui-widget-content {
  border: 1px solid #AAA/*{borderColorContent}*/;
  background: #FFF/*{bgColorContent} url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
}

它在第jquery-ui.css246行附近的文件中.

另一种方法是更改​​自己的CSS.尝试改变这个:

#accordion .ui-accordion-content {
    background-color: #777;
}

对此:

#accordion .ui-accordion-content {
    background: #777;
}