Как добавить CSS к iframe?

Question

[denism300]

Хочу загрузить в iframe свои стили.
Скриптом пытаюсь подгрузить файл со стилями:

jQuery('iframe[name="OneAll Social Login"]').on('load', function($) {
    let iframeHead = $(this).contents().find('head');
    let newLink = $('link');

    $('link').attr('href', 'style-iframe.css');
    $('link').attr('rel', 'stylesheet');
    $('link').attr('type', 'text/css');

    $(iframeHead).append(newLink);

});

Однако, не срабатывает.
iframe выбираю по имени, потому что у него каждый раз разный id, а атрибута class нет вообще.

Comments

[Rustam Bainazarov]

Откуда iframe? Если со стороннего домена, который не принадлежит вам, — ничего не выйдет.

[denism300]

Рустам Байназаров, со стороннего.
т.е. вообще вариантов нет?

[Rustam Bainazarov]

denism300, если вы не сможете договориться с владельцем другого сайта, откуда тянется контент, — то нет, нельзя:
https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS

Answer 1

[Володимир Паламар]

Изменять возможно только те которие ведут на ваш сайт
Например:
Ваш сайт: 1.com
iframe src=3.com/byby - нельзя
iframe src=1.com/lol или src=/lol - можно