Home/ Questions/Q 8998479
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T00:02:13+00:00

<div data-role=page style=background:#000> <a href=http://google.com>test</a> </div> As you can see here: http://jsfiddle.net/KCqqN/ Jquery Mobile

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

As you can see here: http://jsfiddle.net/KCqqN/

Jquery Mobile appears to add a white color drop shadow, how to get rid of that?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    In your stylesheet (make sure it is below the jQuery mobile stylesheet)

    Simply set the text-shadow yourself, to whatever you want.

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

    In the jsFiddle it loads the jquery mobile css afterwards, so if you throw an additional tag in there (or use !important, better not to though) it’ll trump it.

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

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

    • 0