foreignObjectxhtmlフラグメントを含む要素を含むインラインsvgがあります。ただし、svgおよびその親htmlドキュメント（つまり、jqtouchライブラリ）のjsを介して設定されたスタイルからのクロストークが原因で、xhtmlコンテンツのスタイルが不適切になっています。したがって、ブラウザのデフォルトスタイルを私の子に適用したいと思いますforeignObject。したがって、ブラウザのデフォルトのスタイルシートを参照する必要があります。誰かがこれを行う方法を知っていますか？サファリの場合、おそらくWebkitソースから取得できますが、ブラウザーのアップグレード後に変更を追跡する必要のないソリューションをお勧めします。
自動ワードラップが必須であるため、ネイティブのsvgテキスト要素を使用することはオプションではありません。どちらでもない...
- インラインsvgサブツリーをトップレベルのcssスコープから移動します。
- 問題のあるトップレベルのcssを変更する（実際、
foreignObjectプログラムで効率的に実行できる場合は、すべてのcssセレクターを変更し、sの外側のすべての要素に一意のcssクラスを追加することがオプションになる可能性があります。もっとエレガントな解決策があるといいのですが？）
プラットフォーム：safari 5.0.3（7533.19.4）win xp sp3
よろしくお願いします
よろしく、カルステン