inline svg - comment appliquer les styles par défaut du navigateur à xhtml dans ForeignObject?

Question

J'ai un svg en ligne avec des éléments foreignObject qui contiennent des fragments xhtml. cependant, le contenu xhtml est mal stylisé en raison de la diaphonie des styles définis via js dans le svg et son document html parent (à savoir la bibliothèque jqtouch). je voudrais donc appliquer les styles par défaut du navigateur aux enfants de mes foreignObjects. par conséquent, je dois référencer la feuille de style par défaut du navigateur. Est-ce que quelqu'un sait comment faire cela ? pour safari, je pourrais probablement le prendre à partir des sources du kit Web, mais je préférerais une solution qui ne nécessite pas le suivi des modifications après une mise à niveau du navigateur.

l'utilisation des éléments de texte svg natifs n'est pas une option car le retour à la ligne automatique est obligatoire. non plus ...

• déplacement du sous-arbre svg en ligne hors de la portée css de niveau supérieur.
• modification du CSS de niveau supérieur incriminé (en fait, modifier chaque sélecteur css et ajouter une classe css unique à chaque élément extérieur les foreignObjects pourraient devenir une option, si cela peut être fait par programmation et efficacement. j'espère qu'il existe une solution plus élégante?)

plateforme: safari 5.0.3 (7533.19.4) gagner xp sp3

merci d'avance pour vos efforts

Meilleures salutations, carsten

Answer 1

Je suppose que les styles par défaut ne seront appliqués que si vous intégrez le xhtml comme un document entier avec le corps de la tête, etc.