inline svg - как применить стили браузера по умолчанию к xhtml в foreignObject? - PullRequest
2 голосов
/ 22 марта 2011

У меня есть встроенный svg с foreignObject элементами, которые содержат фрагменты xhtml.однако содержимое xhtml неправильно стилизовано из-за перекрестных помех от стилей, установленных через js в svg и его родительском html-документе (а именно в библиотеке jqtouch).поэтому я хотел бы применить стили браузера по умолчанию к дочерним элементам моих foreignObject s.поэтому мне нужно сослаться на таблицу стилей браузера по умолчанию.Кто-нибудь знает, как это сделать?для сафари я, вероятно, мог бы взять его из источников webkit, но я бы предпочел решение, которое не требует отслеживания изменений после обновления браузера.

использование нативных текстовых элементов svg - не вариант, так как автоматическая перенос слов обязательна.ни то, ни другое ...

  • перемещение встроенного поддерева svg из области верхнего уровня css.
  • изменение нарушающего верхнего уровня css (фактически, изменение каждого селектора css и добавление уникального cssкласс для каждого элемента вне foreignObject s может стать опцией, если это можно сделать программно и эффективно. надеюсь, есть более элегантное решение?)

платформа: safari 5.0.3 (7533.19.4) win xp sp3

Заранее благодарим за ваши усилия

С наилучшими пожеланиями, Carsten

1 Ответ

0 голосов
/ 23 марта 2011

Полагаю, стили по умолчанию будут применяться только в том случае, если вы встраиваете xhtml в документ целиком с телом заголовка и т. Д.

...