jquery-mobile - JqueryMobile ListView中列表项之间的虚线

Question

我正在使用jquery mobile listview，它工作正常。在列表项之间的 jquery 列表中，我可以看到一些看起来像分隔符的空间。我想用列表项之间的虚线而不是那个空格来分隔它们。我怎样才能做到这一点？谁能帮帮我吗。我希望我的问题很清楚。

像这样的东西：

List1
...........................
List2
...........................
List3
...........................

谢谢你。

Answer 1

你可以使用这样的东西：

        .dotted-list li{
            border-style:dotted;
            border-color:#000;
        }
        .dotted-list li:first-of-type{
            border-style:solid ;
            border-color:#ff0000;
        }

        .dotted-list li:last-of-type{
            border-bottom-style:solid ;
            border-bottom-color:#ff0000;
        }

列表定义为：

      <ul data-role="listview" class="dotted-list">
        <li><a href="#">Test1</a></li>
        <li><a href="#">Test2</a></li>
        <li><a href="#">Test3</a></li>
        <li><a href="#">Test4</a></li>
        <li><a href="#">Test5</a></li>
      </ul>

这里有一个演示 - http://jsfiddle.net/wYSqk/