Переопределить стиль тела для содержимого в iframe

Как я могу управлять фоновым изображением и цветом основного элемента в iframe ? Обратите внимание, что встроенный элемент body имеет класс, а iframe относится к странице, которая является частью моего сайта.

Причина, по которой мне это нужно, заключается в том, что у моего сайта черный фон, назначенный для тела, а затем белый фон, назначенный для div, содержащих текст. Редактор WYSIWYG использует iframe для встраивания содержимого при редактировании, но он не включает div, поэтому текст очень трудно читать.

Тело iframe , когда в редакторе есть класс, который больше нигде не используется, поэтому я предполагаю, что это было помещено туда, чтобы можно было решить подобные проблемы. Однако, когда я применяю стили к class.body , они не переопределяют стили, примененные к body. Странно то, что стили действительно появляются в Firebug, поэтому я понятия не имею, что происходит!

Спасибо.

ОБНОВЛЕНИЕ - Я пробовал решение @mikeq по добавлению стиля к классу, который является классом тела. Это не работает при добавлении в таблицу стилей главной страницы, но работает при добавлении с помощью Firebug. Я предполагаю, что это связано с тем, что Firebug применяется ко всем элементам на странице, тогда как CSS не применяется в окнах iframe. Означает ли это, что добавление CSS после загрузки окна с помощью JavaScript будет работать?

147
задан wazz 3 June 2018 в 21:40
поделиться