删除listview jquery mobile的行分隔符

Question

我正在使用Jquery移动设备的列表视图，我想删除我的CSS中每个列表项的行分隔符。我怎样才能做到这一点？谢谢。

<ul data-role="listview" class="panel-list" data-icon="false">
            <li>
                <a href="#" data-t="lateral_menu_option1" onclick="$('.main-panel').panel('close')" class="main-panel-menu-opt">
                    <div class="panel-images-div"><img src="../img/img.png" class="panel-images"></div>
                </a>
            </li>
            <li>
                <a href="#" data-t="lateral_menu_option2" onclick="$('.main-panel').panel('close')" class="main-panel-menu-opt">
                    <div class="panel-images-div"><img src="../img/img.png" class="panel-images"></div>
                </a>
            </li>
            <li>
                <a href="#" data-t="lateral_menu_option3" data-t="lateral_menu_option2" onclick="$('.main-panel').panel('close')" class="main-panel-menu-opt">
                    <div class="panel-images-div"><img src="../img/img.png" class="panel-images"></div>
                </a>
            </li>
            <li>
                <a href="#" data-t="lateral_menu_option4" onclick="$('.main-panel').panel('close')" class="main-panel-menu-opt">
                    <div class="panel-images-div"><img src="../img/img.png" class="panel-images"></div>
                </a>
            </li>
            <li>
                <a href="#" data-t="lateral_menu_option5" onclick="$('.main-panel').panel('close')" class="main-panel-menu-opt">
                    <div class="panel-images-div"><img src="../img/img.png" class="panel-images"></div>
                </a>
            </li>
            <li>
                <a href="#" data-t="lateral_menu_option6" onclick="localStorage.setItem('languagegiza', ''); $('.main-panel').panel('close')" class="main-panel-menu-opt">
                    <div class="panel-images-div"><img src="../img/img.png" class="panel-images"></div>
                </a>
            </li>
        </ul>
    </div><!-- /panel -->

Answer 1

只需添加你的css：

.ui-btn-up-c { border:0px;}

Answer 2

要删除列表视图的行分隔符，可以在CSS中添加此样式。

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

它对我有用。

Answer 3

我已经这样做了，只是在我的css文件中写道：

#listview-main .ui-btn {border:0px}

使用jQuery 1.11.2 + jQuery Mobile 1.4.5
请注意listview的id选择器...如果没有这个代码，这段代码就无效了。