在 iframe 上操作 CSS答案

【问题标题】：Manipulating CSS on Iframe在 iframe 上操作 CSS
【发布时间】：2018-11-14 15:50:38
【问题描述】：

我有 Iframe 将外部网站嵌入到我的网站，但我的文本、按钮和内容非常大。

我的内容图片：

内容的代码：

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

如何操作内容？

【问题讨论】：

stackoverflow.com/q/217776/5043867的可能重复

标签： html css angular less

【解决方案1】：

为 iframe 的内容设置样式就像为任何其他网页设置样式一样。但是，您必须有权编辑页面。如果您无法编辑页面（例如，它在另一个网站上）。

如果您可以编辑页面，那么您可以直接在文档中添加一个或多个外部样式表，就像您为网站上的任何其他网页设置样式一样。

参考。 - https://www.lifewire.com/iframes-and-css-3468669

【讨论】：

【解决方案2】：

只需用php（php bot）取内容
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>

【讨论】：