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