Question

我想更改折叠列表的内容颜色。这是一个例子：

正如你所看到的，我有一个带有桌子和2个可折叠元素的可折叠列表。我希望外部可折叠列表如图所示为lightgray，但其中的可折叠元素应该具有白色内容（如data-content-theme =＆＃34; a＆＃34;）。为了让它变得淡淡，我这样做了：

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

但是这样所有可折叠元素的内容都是灰色的。

另一种方法是使用JQuery的Theme Roller创建一个自定义主题，我做了但是然后可折叠元素变得巨大（超过两倍）：

Answer 1

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

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

<强> DEMO

另一种方法是为所有子可折叠分配一个类

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

然后在CSS中使用该类：

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

<强> DEMO