導入CSS內嵌

我在下面的一行代碼，企圖造型加載到iframe：導入CSS內嵌

<iframe style='color:blue;margin-left:30px;@import('../../custom/courses/css/stylesheets/course.css'); />

有兩個問題：

是否可以使用導入代碼@import因爲我試圖在我的瀏覽器上面做
的HTML代碼輸出以下：<iframe style="color:blue;margin-left:30px;@import(" ..="" custom="" courses="" css="" stylesheets="" course.css');</iframe> 所以，我的CSS URL路徑非常混亂。

UPDATE

我的代碼：

(function($){ 
    var cssLink = document.createElement("link") 
    cssLink.href = "../../custom/courses/css/stylesheets/course.css"; 
    cssLink.rel = "stylesheet"; 
    cssLink.type = "text/css"; 
    // frames['iframe'].document.body.appendChild(cssLink); 
    jQuery('iframe.field-iframe-instance').css('border', '1px solid red');//.find('body').appendChild(cssLink); 
})(jQuery);

上的iframe的代碼不生效

來源

2017-01-23 sisko

可能的重複[如何將CSS應用到iframe？]（http://stackoverflow.com/questions/217776/how-to-apply-css-to-iframe） – Dekel

你不能做到這一點的方式。您可以將樣式包含在iframe目標源中，也可以通過javascript附加它。看看這個：How to apply CSS to iframe?

來源

2017-01-23 01:12:20

你有一個點但我的代碼不執行。請參閱我添加到我的問題的代碼 – sisko

回答

相關問題