jquery - Jquery Mobileの基本リンクのドロップシャドウを削除するにはどうすればよいですか？

Question

<div data-role="page" style="background:#000">
    <a href="http://google.com">test</a>
</div>

あなたがここで見ることができるように：http：//jsfiddle.net/KCqqN/

Jquery Mobileは白い色のドロップシャドウを追加しているようですが、それを取り除く方法は？

Answer 1

スタイルシート内（jQueryモバイルスタイルシートの下にあることを確認してください）

テキストシャドウを自分で設定するだけです。

.ui-body-c, .ui-overlay-c { text-shadow:0 0 0; }

jsFiddleでは、後でjquery mobile cssをロードするため、そこに追加のタグをスローすると（または、！importantを使用すると、それよりも優先されます）、それが切り詰められます。

body .ui-body-c, body .ui-overlay-c { text-shadow:0 0 0; } // more specificity

http://jsfiddle.net/KCqqN/2/

Answer 2

とてもシンプル！

CSSのすべての前に以下のコードを追加します。

* {
    text-shadow: none !important;
}

Answer 3

独自のリンクcssをheadタグに設定してから、「text-shadow = none！important;」を追加することをお勧めします。タグを付けて、jqueryが行うことをすべてオーバーライドするようにします。また、！importantはブラウザのユーザー補助設定を上書きするため、ユーザー補助設定が機能しない色覚異常/視覚障害のあるユーザーを煩わせないように、テキストを非常に暗く大きく、背景を非常に明るくすることをお勧めします。