1

折りたたみ可能なリスト項目を透明な背景にしようとしていますが、問題が発生しています。また、phonegap を介して iOS アプリの xcode でこれを行っています。マークアップ..

<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