1

我试图让列表项以可折叠的方式具有透明背景，但我遇到了一些麻烦。此外，我正在 xcode 中通过 phonegap 为 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>

所以现在你有一个普通的可折叠，没什么特别的。而不是 li 是白色的，我希望它们是透明的。我能够使用 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;
}

这是一个小提琴

再次感谢！

4

0 回答 0