Импорт CSS встроенный

Question

У меня есть следующая строка в моем коде в попытке загрузить стили в iFrame:

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

Есть две проблемы:

1. Можно ли импортировать код с помощью @import, как я пытаюсь сделать выше
2. HTML-код в моем браузере выводит следующее: <iframe style="color:blue;margin-left:30px;@import(" ..="" custom="" courses="" css="" stylesheets="" course.css');</iframe> Итак, мой путь к CSS очень запутан.

ОБНОВИТЬ

Мой код:

(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 не вступает в силу

Answer 1

Вы не можете сделать это так. Вы можете либо включить стиль в целевой источник iframe, либо присоединить его через javascript. Проверьте это: Как применить CSS к iframe?