1

jquery mobile listviewのリストディバイダーのスタイルを変更しようとしていますが、今のところ運がありません。問題は、リストの仕切り内でURLを使用していることであり、jqueryによって青色で下線が引かれます。URLでない場合と同じにしたい。

これは、jquerycssをオーバーライドするためにcssに追加したものです。

   a.ui-li-divider{
      text-decoration:  none;
   }

しかし、それは何もしません。何か案は？

-ありがとうバート

4

2 に答える 2

3

解決

これが実際の例です：http://jsfiddle.net/Gajotres/kpqa5/

.ui-li-divider a {
    text-decoration:  none;
    color: black !important;
}

最終的な注意事項

jQuery Mobile ページとウィジェットをカスタマイズする方法について詳しく知りたい場合は、この記事をご覧ください。jQuery Mobile に !important が必要な理由など、多くの実用的な例が付属しています。

于 2013-03-21T16:39:27.850 に答える
2

インライン スタイルが悪い習慣であることはわかっていますが、インライン スタイルは機能しています。

<div data-role="page" id="home">
    <div data-role="container">
        <ul data-role="listview" data-inset="true" data-divider-theme="d">
            <li data-role="list-divider"><a href="#" STYLE="text-decoration:none; color:black;">Mail</a>
            </li>
            <li><a href="#">Inbox</a>

            </li>
            <li><a href="#">Outbox</a>

            </li>
            <li data-role="list-divider"><a href="#" STYLE="text-decoration:none; color:black;">Contacts</a>
            </li>
            <li><a href="#">Friends</a>

            </li>
            <li><a href="#">Work</a>

            </li>
        </ul>
    </div>
</div>

http://jsfiddle.net/mayooresan/LB8ZN/でライブ フィドルをチェックしてください。

于 2013-03-21T12:28:13.360 に答える