Jquery移动更改可折叠列表的内容颜色

Question

我想更改折叠列表的内容颜色。下面是一个示例：

​

如您所见，我有一个带表的可折叠列表和两个ohter可折叠元素。我希望外部可折叠列表如图所示为淡灰色，但其中的可折叠元素应该是白色内容(比如数据内容-主题=“a”)。为了让它变成淡灰色，我这样做了：

.ui-collapsible-themed-content .ui-collapsible-content {
    background-color: lightgray;
 }

但以这种方式，所有可折叠元素的内容都是灰色的。

另一种方法是使用JQuery的主题滚轮定制一个主题，我这样做了，但随后可折叠元素变得巨大(超过两倍)：

​

​

Answer 1

如果只想影响父可折叠内的可折叠内容，可以尝试此CSS：

.ui-collapsible-content .ui-collapsible-content {
    background-color: lightgray;
}

演示

另一种方法可以是将类分配给所有的子折叠。

<div data-role="collapsible" data-collapsed="false" class="childCollapsible">

然后在CSS中使用该类：

.childCollapsible .ui-collapsible-content {
    background-color: lightgray;
}

演示