Javascript 可折叠框脚本干扰CSS

这是可折叠框工作所需的脚本

但是第四行代码在背景和字体方面干扰了我的CSS。该社区介绍了如何使用以下方法修复背景色：

body.ui-overlay-a{
背景色：#dc143c；
}
div.ui-page-theme-a{
背景色：透明；
文本阴影：无；
}

其中

文本阴影：无是删除我的导航栏中略带蓝色的轮廓的代码行（下面的代码），但不会在其他任何地方删除它。我将此应用于CSS中的
p
和
h4
标记，但它不适用

通过反复试验，我发现4号线是干扰的原因。第4行代码（如上所述）：

可折叠框脚本：



可折叠框内容：


菜单//汤
空白

菜单//牛肉
空白

我认为您需要进行硬刷新-该页面上任何地方都看不到文本阴影。它在CSS中是可见的，但不是活动的（它被您所做的更改所覆盖）。谢谢你的帮助^_^
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>