自定义jQuery可折叠菜单按钮

自定义jQuery可折叠菜单按钮,jquery,css,jquery-mobile,Jquery,Css,Jquery Mobile,我不熟悉使用jQuery,但我正在构建的移动版本。我目前已经建立了可以看到的大部分主题 我想做的是让它看起来像这样 我已经设法改变了标题的颜色,但是现在自从我把它们添加到每个菜单项之后,我似乎丢失了+和-图标,我现在只剩下一个空白的黑圈。我尝试添加数据图标=plus和数据图标=arrow-d,但它们没有出现。到目前为止,这就是应用程序的外观 如何取回这些属性?背景属性是要编辑的正确属性,但是,您需要确保将其应用于正确的元素 提供白色背景的元素是元素下面的元素 HTML示例: <h3 ...

我不熟悉使用jQuery,但我正在构建的移动版本。我目前已经建立了可以看到的大部分主题

我想做的是让它看起来像这样

我已经设法改变了标题的颜色,但是现在自从我把它们添加到每个菜单项之后,我似乎丢失了+和-图标,我现在只剩下一个空白的黑圈。我尝试添加数据图标=plus和数据图标=arrow-d,但它们没有出现。到目前为止,这就是应用程序的外观


如何取回这些属性?

背景属性是要编辑的正确属性,但是,您需要确保将其应用于正确的元素

提供白色背景的元素是元素下面的元素

HTML示例:

<h3 ...>
    <a href="..." class="red">...</a>
</h3>

应用于标记的类是ui可折叠标题切换ui btn ui图标加上ui btn图标左ui btn inherit,但我无法修改它,因为它存储在jQuery站点上的code.jQuery.com/mobile/1.4.0/jQuery.mobile-1.4.0.min。css@Craig是的,但是你可以创建你自己的单独CSS文件并导入它。我试过了,但没有成功让它开始工作,所以我在theme roller中创建了许多不同的样例,再次下载它并添加了新脚本,它工作正常,现在我只需要设置可折叠菜单按钮的样式。不过,感谢您的帮助:
.red
{
    background: red;
}
<h3 ...>
    <a href="..." class="red">...</a>
</h3>