How to remove drop shadow in basic links in Jquery Mobile?
13,389
Solution 1
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
Solution 2
Very simple!
add code below before everything in your CSS:
* {
text-shadow: none !important;
}
Author by
IMB
Updated on July 19, 2022Comments
-
IMB almost 2 years
<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?
-
Jonny about 5 yearsThank you, that helped! This shadow thingy in JQuery Mobile is so annoying, they should not set it by default!
-
Masood almost 5 yearsYou are welcome and I'm glad that line of code helped you.