Добавить CSS в iFrame

Возможный дубликат:
Как применить CSS к iFrame?

Сейчас я загружаю iframe через jquery:

 $(window).load(function(){
  $('iframe').load(function() {
      $('iframe').show()
      $('#loading').hide();

    });
    $('#loading').show();
    $('iframe').attr( "src", "http://www.url.com/");

  });

И у меня есть специальная таблица стилей, которую я хотел бы применить к этой странице. Страница внутри iframe находится не в одном домене, поэтому она сложна. Я нашел решения, которые позволяют добавлять отдельные теги, но не целые таблицы стилей.

РЕДАКТИРОВАТЬ: Загружаемая страница загружается через file:// в Mobile Safari, поэтому политика междоменного домена не применяется.

Ответы

Ответ 1

На основе решения Вы уже нашли Как применить CSS к iframe?:

var cssLink = document.createElement("link") 
cssLink.href = "file://path/to/style.css"; 
cssLink .rel = "stylesheet"; 
cssLink .type = "text/css"; 
frames['iframe'].document.body.appendChild(cssLink);

или более jqueryish (из Добавить таблицу стилей в iframe с jQuery):

var $head = $("iframe").contents().find("head");                
$head.append($("<link/>", 
    { rel: "stylesheet", href: "file://path/to/style.css", type: "text/css" }));

по вопросам безопасности: Отключение политики одного и того же происхождения в Safari