如何删除底部列表视图行分隔符jqm1.4.5

Question

我在试着去掉底部列表线分隔符。我使用的css在jQM 1.3.2中工作得很好，但在1.4.4中，它可以从列表中删除除底部的分隔符之外的所有分隔符。最初的解决方案来自于这里：earlier solution

我有四个项目的清单：

<ul data-role="listview"  data-corners="false"  id="indexList">
  <li><a href="#">item 1</a></li>
  <li><a href="#">item 2</a></li>
  <li><a href="#">item 3</a></li>
  <li><a href="#">item 4</a></li><br>
</ul>

应用于清单的CSS：

 #indexList.ui-listview li {
    width: 85% !important;
    margin: 3% !important;
    padding-bottom:1%;
    float: left;
    border: 1px solid #ccc !important;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
    background: rgba(0,0,102,.85) !important; 
    font-weight:500 !important;
    text-shadow:none !important;
}

用于删除列表视图分隔线的CSS：

.ui-btn-inner
{
    border-width: 0px;
}

我也试过border-bottom: none;

蒂娅提供的任何帮助。

Answer 1

边框被添加到锚标记中，因此代码如下所示。

.ui-listview li a.ui-btn{
    border: none;
}