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