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; 
} 

это не сработало. Дайте мне знать, если вы знаете.

Thanks

Answer 1

попытайтесь изменить встроенный стиль при осмотре элемента.

Например: вы выделяете элемент, а затем видите, что это говорит об этом.

style="display: inline-block" 

Попробуйте изменить этот встроенный стиль при осмотре элемента на это.

style="display: none" 

Я думаю, что вы выбираете то, что еще не существует, когда стиль css ищет его. Для вашего документа все, что он видит, это iFrame, а не весь код Google, который он втягивает, вы не можете получить код доступа в iFrame. Знаешь, что я говорю?

Насколько мне известно. Возможно, я ошибаюсь, и может быть, решение. Попробуйте это, и тогда мы сможем глубже рассмотреть решения.

Answer 2

Это . Это другой документ. У вас нет доступа к нему, если только он не позволяет вам получить доступ. Чтобы понять принцип, это очень похоже на то, что вы попытаетесь что-то изменить на другой вкладке браузера со своей вкладки.

Единственный вариант - удалить . Вы не можете пройти его DOM, если это не позволяет вам.

Что вы пытаетесь регулировать по правилам same origin policy. Если поставщик разрешает это, вам необходимо установить Cookie в заголовокCSRF token.