inline svg - 如何在foreignObject中将浏览器默认样式应用于xhtml?

时间:2011-03-22 17:45:45

标签: css xhtml svg barrier

我有一个带有foreignObject元素的内联svg,其中包含xhtml片段。但是,由于svg及其父html文档(即jqtouch库)中通过js设置的样式的串扰,xhtml内容的样式不正确。因此,我想将浏览器默认样式应用于foreignObject的子项。因此我需要引用浏览器默认样式表。有人知道怎么做这个吗 ?对于safari,我可能会从webkit源代码中获取它,但我更喜欢在浏览器升级后不需要跟踪修改的解决方案。

使用本机svg文本元素不是一个选项,因为自动换行是必需的。 也不是......

  • 将内联svg子树移出顶级css范围。
  • 修改违规的css  (实际上,修改每个css选择器并向外部的每个元素添加一个唯一的css类   foreignObject可能成为一种选择,如果它可以通过编程和有效的方式完成。   希望有一个更优雅的解决方案?)

平台: 野生动物园5.0.3(7533.19.4) 赢得xp sp3

提前感谢您的努力

最好的问候,carsten

1 个答案:

答案 0 :(得分:0)

我想只有在将xhtml作为整个文档嵌入头部主体等时才会应用默认样式