CODEWITHSUNDEEP
htmltextsvg
anarnold
anarnold

Reputation: 103

unwanted drop shadow on svg text

There's a strange drop shadow on my SVG text. The reference guide i bought on Amazon doesn't have any answers. I cant seem to figure out how it got there, and how to remove it. There aren't any filters applied, and the markup matches examples of plain text.

heres the text element: <text class="noToggle" data-nodetitle="Node 1" lengthAdjust="spacingAndGlyphs" x="510" y="420" textLength="230" fill="#d90000">Node Title Goes Here</text>

Upvotes: 0

Views: 1689

Answers (2)

SpaceManGalaxy
SpaceManGalaxy

Reputation: 76

If you want to get rid of the white shadow, you can override the jquerymobile css and set it to none, example:

<p style="text-shadow: none">This text used to have a white shadow</p>

Upvotes: 3

anarnold
anarnold

Reputation: 103

I traced the problem to jQuery mobile 1.1. It was inheriting a style rule from the body div where jQm was applying a 1px white text shadow. I wasn't aware that SVG text can be affected by this specific css style rule. Obviously in chrome and safari webkit browsers, it can.

Upvotes: 0

Related Questions