1

jquery モバイル リストビューを使用していますが、問題なく動作しています。リスト項目間のjqueryリストでは、セパレーターのように見えるスペースを確認できます。そのスペースではなく、リスト項目間の点線でそれらを区切りたいです。どうすればこれを達成できますか? 誰でも私を助けてください。私の質問が明確であることを願っています。

このようなもの：

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

ありがとうございました。

4

1 に答える 1

2

次のようなものを使用できます。

        .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/

于 2012-05-18T13:49:54.260 に答える