JQM中的透明列表项可折叠

Question

我正在尝试将列表项目置于可折叠中以具有透明背景，但我遇到了一些麻烦。另外，我通过phonegap在xcode中为iOS应用程序执行此操作。标记..

<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d" id="testy" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d">
 <h4>Heading</h4>
    <ul data-role="listview">
        <li><a href="#">List item 1</a></li>
        <li><a href="#">List item 2</a></li>
        <li><a href="#">List item 3</a></li>
    </ul>
</div>

所以现在你有一个普通的可折叠，没什么特别的。而不是李的白色，我希望它们是透明的。我能够用css这样操作背景颜色..

#testy ul li .ui-btn-inner {
  background-color:green !important;
}

我可以改变颜色，但我不能让它变得透明。所以任何人都知道我做错了什么？我能够用这个css使标题透明......

.ui-collapsible-heading .ui-btn {
  background:transparent !important;
  border:none !important;
  border-color:black;
  box-shadow:none !important;
  text-shadow:none;
  text-align:center;
  color:black;
}

这是Fiddle

再次感谢！