Управление CSS в Iframe - PullRequest
Новая
       17

Управление CSS в Iframe

0 голосов
/ 14 ноября 2018

У меня Iframe встроен внешний веб-сайт на мой сайт, но мой текст, кнопка и контент очень большие.

Изображение моего контента:

enter image description here

Код содержания: 

<div class="row-container">
    <div class="poker_content" [ngClass]="{'not-opened': iframeUrl === null}">
      <iframe [src]="iframeUrl | safe" *ngIf="showIframe"></iframe>
    </div>
</div>

Как я могу манипулировать контентом?

Ответы [ 2 ]

0 голосов
/ 14 ноября 2018
  1. просто взять содержимое с помощью php (php bot)
  2. добавить класс для кнопок после загрузки содержимого jquery ile

Пример Jquery; 

$("#fancybox-frame").load(function(){
    $('#fancybox-frame').contents().find("a").css("background-color","#BADA55");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<iframe frameborder="0" scrolling="auto" src="http://www.uzatmabirader.com/Dunya" hspace="0" name="fancybox-frame1302993380315" id="fancybox-frame"></iframe>
0 голосов
/ 14 ноября 2018

Стилизация содержимого iframe аналогична стилизации любой другой веб-страницы.Но вы должны иметь доступ для редактирования страницы.Если вы не можете отредактировать страницу (например, она находится на другом сайте).

Если вы можете редактировать страницу, вы можете добавить внешнюю таблицу стилей или стили прямо в документ так же, как и стильлюбая другая веб-страница на вашем сайте.

Рефф.- https://www.lifewire.com/iframes-and-css-3468669

...