Agregar CSS a iFrame

Posible duplicado:
¿Cómo aplicar CSS a iFrame?

En este momento estoy cargando un iframe a través de jquery:

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

Y tengo una hoja de estilo personalizada que me gustaría aplicar a esa página. La página dentro del iframe no está en el mismo dominio, por lo que es complicado. He encontrado soluciones que te permiten agregar tags individuales, pero no hojas de estilo completas.

EDITAR: la página en cuestión se carga a través de file:// en Mobile Safari, por lo que la política de dominios cruzados no se aplica.

Basado en la solución Ya has encontrado Cómo aplicar CSS a 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 más jqueryish (desde Agregar una hoja de estilo a un iframe con jQuery ):

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

en cuanto a los problemas de seguridad: deshabilitar la política del mismo origen en Safari