-1

カスタム<style>クラスを、自分でホストしている jQuery Mobile CSS ファイルに正常に統合し、これらを<div data-role="collapsible">リスト内に表示することができました。

例: http://www.camavision.com/wp/illinois/

ただし、<li>これらのカスタム リンクでタグを使用すると、テキストのみではなく領域全体がリンクされている場所を保持したいと思っていたバー全体のマウスオーバー効果が無効になります。

<style>「A」カテゴリの下に、特定の色が適用された特定のリンク クラスで達成しようとしている「スタイル クラスを適用しないリンクの例」というラベルの付いたリンクを含む例を追加しました。

これを回避する方法はありますか？

4

1 に答える 1

0

スパン内の要素をスタイルするためにレイアウトにスパンを追加していましたが、これは特定のタイプのレイアウトを期待する jQuery Mobile を壊していました。何も追加せずに、そこにある要素をスタイルするだけです。

li のテキストの色を変更するには、クラスをアンカー タグに追加し、スタイルシートで色を指定します - !important を使用します

HTML

<li><a href="#" class="purple-link">Link Example without purple text</a></li>

CSS

.purple-link
{
    color: purple !important;
}

これが実用的なフィドルです...

于 2013-09-12T18:36:00.707 に答える