Question

我想在jquery mobile的listview的listitems之间添加一个空格。为此，我为每个列表项添加了一个边距。到目前为止，这个工作正常，但在列表视图的左侧和右侧有一个边框，可以在间隙中看到。例如，我有这个jsfiddle：http://jsfiddle.net/2BhAd/3/。我尝试通过将listview的边框设置为none来解决问题，但这不起作用。 CSS：

.listitem {
   margin-top: 10px !important;
}
#list {
   border:none !important;
}

HTML：

<ul id="list" data-role="listview" data-theme="b" data-inset="true">
   <li class="listitem"><a href="#">
        <img src="http://placehold.it/100x100">
        <h2>Broken Bells</h2>
        <p>Broken Bells</p></a>
    </li>
    <!-- ... -->
</ul>

Answer 1

尝试

.listitem {
    margin-top: 10px !important;
}
#list{
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}
#list .ui-li {
    border: none;
}

这将从列表和单个项目中删除边框。它还会删除列表上的阴影效果。

更新了 FIDDLE

项目之间的jquery移动列表视图空间/如何删除listview边框

1 个答案: