在不修改iframe文件的情况下如何设置iframe里面的css样式

相信大家应该都会知道，单纯的css是无法控制 内元素的样式的。 但我们可以将css文件在 目标页里面引用或者通过js去控制 内元素的样式。

具体实现代码如下：

为页面所有 设置css样式：

$(\' \').each(function(){
    function injectCSS(){
        $ .contents().find(\'head\').append(
            $(\'< />\', { rel: \'stylesheet\', href: \' .css\', type: \'text/css\' })
        );
    }

    var $  = $(this);
    $ .on(\'load\', injectCSS);
    injectCSS();
});

为单个 设置css样式：

var $ Head = $(\"#my_ \").contents().find(\"head\");
$ Head .append(
   $(\"< />\",{ 
      rel: \"stylesheet\", 
      href: urlPath , 
      type: \"text/css\" }
     ));