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

Question

我使用如下方式将谷歌日历嵌入到我的 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 中的代码。知道我在说什么吗？

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