在jquery mobile中设置listview的样式以隐藏listview中项目之间的小间隙

在jquery mobile中设置listview的样式以隐藏listview中项目之间的小间隙,jquery,css,jquery-mobile,Jquery,Css,Jquery Mobile,我有一个listview,我想做的是设置列表视图的样式,使列表中的每个项目都不会显示在“框”(listview的默认显示方式)中。我已经应用了一些css,但每个列表项目之间仍然有一个小间隙。请帮我解决这个问题 这是我使用的css .list li{ border-width:-5px !important; border-top-width:0px !important; background

我有一个listview,我想做的是设置列表视图的样式,使列表中的每个项目都不会显示在“框”(listview的默认显示方式)中。我已经应用了一些css,但每个列表项目之间仍然有一个小间隙。请帮我解决这个问题

这是我使用的css

    .list li{
                border-width:-5px !important;
                border-top-width:0px !important;
                background:#cccccc;
}
提前谢谢

此处示例-

添加以下css代码(您可以删除
边框宽度
边框顶部宽度
规则):

另请参见my.

添加以下css代码(您可以删除
边框宽度
边框顶部宽度
规则):


另请参见我的。

如果您在列表中使用边框,则设置
边框顶部:0
不是上帝的选项。相反,您可以如下设置项目之间的间距:

.ui-li {
    margin-bottom: -1px !important;
}

如果您在列表中使用边框,则设置
边框顶部:0
不是一个好选项。相反,您可以如下设置项目之间的间距:

.ui-li {
    margin-bottom: -1px !important;
}