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のモバイルスタイルシートを下回っていることを確認してください）。 jsFiddleで

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

あなたがそこに追加のタグを投げるので、もしそれが、その後のjQueryモバイルCSSをロード（または使用！重要な、より良いではないにかかわらず）それが切り札それよ。

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

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

Answer 2

私は、その後の追加、headタグに独自のリンクのCSSを設定することをお勧め

"=なし、重要なテキストの影を;！"タグを使用してjqueryがオーバーライドしていることを確認します。また、重要なのはブラウザのアクセシビリティの設定を上書きするため、アクセシビリティの設定がうまくいかない色盲者や視覚障害のあるユーザーを迷惑にならないように、テキストを非常に暗く大きくすることをお勧めします。