Html 删除listview中可折叠div的边框
我在删除li标记中可折叠div的边框时遇到问题。 演示如中所示Html 删除listview中可折叠div的边框,html,jquery-mobile-listview,jquery-mobile-collapsible,Html,Jquery Mobile Listview,Jquery Mobile Collapsible,我在删除li标记中可折叠div的边框时遇到问题。 演示如中所示 用户故事1 内容 用户故事2 内容 谁能告诉我如何删除边框,我希望项目像正常的listview一样粘在一起 提前谢谢。我自己也找到了解决办法 <ul data-role="listview" data-filter="true"> <li class="custom-li"> <div class="custom-collapsible" data-name="1"
-
用户故事1
内容
-
用户故事2
内容
谁能告诉我如何删除边框,我希望项目像正常的listview一样粘在一起
提前谢谢。我自己也找到了解决办法
<ul data-role="listview" data-filter="true">
<li class="custom-li">
<div class="custom-collapsible" data-name="1" data-role="collapsible" data-theme="b" data-content-theme="d" data-corners="false">
<h3>Userstory 1</h3>
<p>Content</p>
</div>
</li>
<li class="custom-li">
<div class="custom-collapsible" data-name="2" data-role="collapsible" data-theme="b" data-content-theme="d" data-corners="false">
<h3>Userstory 2</h3>
<p>Content</p>
</div>
</li>
</ul>
这是演示:
<ul data-role="listview" data-filter="true">
<li class="custom-li">
<div class="custom-collapsible" data-name="1" data-role="collapsible" data-theme="b" data-content-theme="d" data-corners="false">
<h3>Userstory 1</h3>
<p>Content</p>
</div>
</li>
<li class="custom-li">
<div class="custom-collapsible" data-name="2" data-role="collapsible" data-theme="b" data-content-theme="d" data-corners="false">
<h3>Userstory 2</h3>
<p>Content</p>
</div>
</li>
</ul>
.custom-li {
padding: 0 !important;
border-width: 0 !important;
}
.custom-collapsible {
margin: 0 !important;
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-width:0 !important;
}