JQM 1.4.5 如何去除底部列表视图行分隔符

Question

我正在尝试去掉列表视图底部的行分隔符。我使用的 css 在 jQM 1.3.2 中运行良好，但在 1.4.4 中，它可以从列表中删除除底部分隔符之外的所有分隔符。原始解决方案来自这里：earlier solution

我有一个包含 4 个项目的列表：

<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;

TIA 提供的任何帮助。

Answer 1

border 被添加到 anchor 标签中，所以代码如下。

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

JQM 1.4.5 如何去除底部列表视图行分隔符

How to remove the bottom list view line separator JQM 1.4.5

css

jquery-mobile