Aggiungi CSS a iFrame

Possibile duplicato:
Come applicare CSS a iFrame?

In questo momento sto caricando un iframe tramite jquery:

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

E ho un foglio di stile personalizzato che vorrei applicare a quella pagina. La pagina all’interno dell’iframe non è sullo stesso dominio, motivo per cui è complicato. Ho trovato soluzioni che consentono di aggiungere singoli tag, ma non interi fogli di stile.

MODIFICA: la pagina in questione viene caricata tramite file:// in Mobile Safari in modo che la norma sui domini non si applichi.

Basato sulla soluzione Hai già trovato Come applicare i CSS all’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); 

o più jqueryish (da Aggiungi un foglio di stile a un iframe con jQuery ):

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

per quanto riguarda i problemi di sicurezza: disabilitazione della politica della stessa origine in Safari