Как придать стиль содержимому страницы iframed, используя родительские страницы css?

Question

Как стилизовать содержимое страницы iframed, используя родительские страницы css? У меня нет доступа к странице iframed?

я сделал это например - http://jsbin.com/uxobe

как по-другому оформить HTML страницы, которую я использую в iframe?

Есть ли способ стилизовать это с помощью css или js + css?

http://siteurl { background:red}

Answer 1

Если у вас нет доступа к IFrame ни со стороны сервера, ни через JS из-за проблем с несколькими доменами: я боюсь, что нет.

Если вы можете получить его через JS, вы можете прокрасться в собственных таблицах стилей тем или иным способом, либо напрямую получая доступ и изменяя стили (чистые), либо написав тег <style> (недействительный w3c).

Answer 2

Мне удалось выполнить стилизацию объекта в файле iframe src, поместив в этот файл javascript, который искал значение строки запроса и выполнял стилизацию (или нет) на основе наличия (или отсутствия) строки запроса. Этот подход требует контроля над целевым файлом iframe, и он хорошо сработал для меня. Я пытаюсь отобразить уменьшенную версию своего собственного сайта в iframe, который появляется на другом из моих сайтов.