Angular - вставить пользовательский файл css в iframe

Я пытаюсь внедрить файл CSS в сторонний iframe, который мне нужно изменить стиль.

Я думал об использовании

ngOnInit() {
...

this.myIframe.nativeElement.document.head.appendChild('style.css')

}

но он не работает по непонятной мне причине.

Любая помощь будет оценена по достоинству.

Ваше здоровье

css angular iframe

24.07.2018 12:17

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

CSS: FlexBox

Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.

3 567

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Этот обходной путь будет работать, если ваш iframe не из другого домена. Вы получите ошибку кроссбраузерности. Шаблон

<iframe #myIframe></iframe>

Составная часть

@ViewChild('myIframe') public myIframe;
..........
ngAfterViewInit() {
  const iframDoc = this.myIframe.nativeElement.contentWindow.document;
  .....
  iframDoc.head.appendChild('style.css');
}
.....

24.07.2018 12:57

Ответ принят как подходящий

Невозможно ввести код, как я думал, поэтому я переопределил CSS при компиляции файла SCSS, который контролировал эту страницу.

В некоторых случаях мне приходилось использовать всю цепочку наследования, чтобы заставить поле вести себя должным образом.

Спасибо за ваш вклад @SuhelKhan

02.08.2018 17:09