SVGがMac Safariで動作していませんか？

Question

次SVGアイコンは、MacのSafari以外のすべての最新ブラウザで動作します：

<symbol id="text" viewBox="0 0 39 43"> 
    <title>Add Text</title> 
    <text transform="translate(-2 -14)" fill="#FFF" fill-rule="evenodd" font-size="64" font-family="TimesNewRomanPS-BoldMT, Times New Roman" font-weight="bold"> 
    <tspan x="0" y="57">T</tspan> 
    </text> 
</symbol> 

また、私は同じように使用している他のすべてのアイコンは、MacのSafariでうまく表示されています。

マックサファリが好きではないこのアイコンについて教えてください。

Answer 1

Mac Safariの解決策は、CSSクラスセレクタを<text>に置き、すべてのスタイルをそこに移動することでした。動作しませんスタイル属性にすべてを移動

を動作しません（私の元の例に示すように）SVG属性を使用して

• 。

• 注：個々の属性をテストしていないため、Mac Safariでうまくいく可能性があるものもあります。

• 3つの方法（個々の属性、スタイル属性、およびクラス）は、他のすべての最新のブラウザで正常に動作しているようです。