隱藏、刪除或更改外部 iframe 內部特定 class 的顏色

Question

我正在嘗試在我的博主博客上嵌入一個谷歌表單，但我想以某種方式刪除或隱藏谷歌在表單末尾顯示的品牌鏈接和文本： https://docs.google.com/forms/d/ e/1FAIpQLScKGwCTQXaDGgAucW_dpk3CzOBofXbUrIskKxu_IGR-gssyXQ/viewform?usp=sf_link是否有可能以某種方式隱藏它或使 class 中的文本與表單顏色相同，因此用戶無法看到？ 謝謝！

Answer 1

外部 iframe 意味着您無法控制內部的內容。

Answer 2

嘗試這個：

div.v1CNvb.sId0Ce, div.I3zNcc.yF4pU {
  display: none;
}

Answer 3

恐怕不是！

我一直有同樣的問題； 這稱為跨域策略問題或簡稱 CORS。

由於安全問題，JS拒絕讀取或更改另一個域中的頁面內容； 所以你不能使用JS來做到這一點。 CSS 也只作用於頁面上的內容，但 iframe 的內容不在頁面上。

但是一個跨界

您可以使用空白矩形不讓它們顯示，但這並不能真正保證。

 :root { --hiderColor: red; } #hider { width: 640px; height: 55px; margin-top: -50px; background: var(--hiderColor); position: absolute; z-index: 10; }

 <iframe src="https://docs.google.com/forms/d/e/1FAIpQLScKGwCTQXaDGgAucW_dpk3CzOBofXbUrIskKxu_IGR-gssyXQ/viewform?embedded=true" width="640" height="937" frameborder="0" marginheight="0" marginwidth="0" class="iframe">Loading…</iframe> <div id="hider"></div>

它不是真正的防逃逸，但它確實有效； 我還要說你不應該這樣做！

順便說一句，我用了紅色，所以你知道它是如何工作的，可以改變顏色；

並注意： div 和 iframe 的寬度必須相同

祝你好運！

Answer 4

我為 class 制作的東西遇到了這個問題，我用過

div.a {
display: none;
}

我沒試過，但你應該可以使用

<p style="color:black">(Link Here)</p>

重新着色文本。 同樣，我沒有對鏈接進行太多的重新設計，但這些應該可以工作。