HTML: 尝试从嵌入式 Google 日历中删除元素

Question

我使用如下方式将 google 日历嵌入到我的 html 中：

<iframe src="https://calendar.google.com/calendar/embed?src=blahblahblahblahblah" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>

我正在尝试删除日历页面上的“+Google 日历”按钮。我可以检查元素并找出我需要更改的内容：

但是我不明白要改什么才能把它拿出来。我尝试将此添加到 style.css 页面：

div.subscribe-image{
    display: none;
}

那没有用。如果你知道，请告诉我。

谢谢

Answer 1

尝试在检查元素时更改内联样式。

例如：你高亮了元素，那么你可以看到它是这样说的。

style="display: inline-block"

检查元素时尝试更改内联样式。

style="display: none"

我的想法是，当 css 样式正在寻找时，您正在选择尚不存在的内容。对于您的文档，它看到的只是 iFrame，而不是它引入的整个 google 代码，您无法访问 iFrame 中的代码。知道我在说什么吗？

据我所知。我可能错了，也许有解决办法。试试这个，然后我们可以更深入地寻找解决方案。

Answer 2

这是一个 <iframe>。那是一个不同的文件。您无权访问它，除非它允许您访问。要理解这个原理，这很像您尝试从您的选项卡更改另一个浏览器选项卡中的某些内容。

唯一的选择是删除 <iframe>。你不能遍历它的 DOM 如果它不允许你。

您的尝试受 same origin policy rules. If the <iframe> provider allows it, you need to set a Cookie to header CSRF token 约束。

HTML: 尝试从嵌入式 Google 日历中删除元素

HTML: Trying to remove element from embedded Google Calendar

html

css

embed