html - svg文本上不需要的阴影

Question

我的 SVG 文本上有一个奇怪的阴影。我在亚马逊上购买的参考指南没有任何答案。我似乎无法弄清楚它是如何到达那里的，以及如何将其删除。没有应用任何过滤器，并且标记匹配纯文本示例。

继承人的文本元素： <text class="noToggle" data-nodetitle="Node 1" lengthAdjust="spacingAndGlyphs" x="510" y="420" textLength="230" fill="#d90000">Node Title Goes Here</text>

Answer 1

如果您想摆脱白色阴影，您可以覆盖 jquerymobile css 并将其设置为无，例如：

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

Answer 2

我将问题追溯到 jQuery mobile 1.1。它从 body div 继承了样式规则，其中 jQm 应用了 1px 白色文本阴影。我不知道 SVG 文本会受到这个特定 css 样式规则的影响。显然在 chrome 和 safari webkit 浏览器中，它可以。