Добавление CSS в элемент iframe

Question

Как настроить таргетинг и элемент в iframe на моем сайте и изменить значение inline?

<iframe class="preview_iframe"> 
<div id="example"> 
<a id="ex"> 
<svg fill="#000000"></svg> 
</a> 
</div> 
</iframe> 

Мне нужно настроить таргетинг на SVG (несколько) в качестве фрейма и изменить заливку (цвет) с JQuery, как я могу сделать это, я попытался это они, кажется, не работают

Херес JQuery им пытаются

$("[id^=like_iframe_]").load(function() { 
    var frame = $("[id^=like_iframe_]").contents(); 
    $("svg", frame).css({'fill' : 'red'}); 
}); 

И

$("[id^=like_iframe_]").contents().find("svg").css({'fill' : 'red'}); 

ее выбор кадра, но это не изменяя Colo р от SVG

Heres ссылку http://absdfsderedfdsfrr.tumblr.com/, чтобы увидеть, что им работать на

Answer 1

попробовать этот SRY не песочницу, чтобы проверить;

$('.preview_iframe').get(0).find("svg").css({'fill' : 'red'}); 

Answer 2

Вы можете установить класс и использовать .attr(), чтобы изменить заливку как

$('.class').attr('fill', 'color'); 

Answer 3

<svg fill="#000000"></svg>

"заполнить" не стиль CSS, это атрибут на SVG.

Она действительно должна выглядеть примерно так:

$("[id^=like_iframe_]").contents().find("svg").attr('fill', '#FF0000');

Как объяснена в документации JQuery (в http://api.jquery.com/attr/), .attr может получить или установить атрибут тега. Вышеупомянутый код должен быть примерно того, что вы ищете.

РЕДАКТОРА: Джимми делает хороший момент, вы, вероятно, должны добавить класс в iframe.