Добавление CSS в календарь Google iFrame

Question

Я работаю над сайтом, которому нужен базовый календарь, и подумал о добавлении в Календарь Google.Дело в том, что мне бы очень хотелось стилизовать весь встроенный календарь, но он в iframe и даже добавление! Важных для целевых классов не работает.

Есть ли способ добавить некоторые CSS в этот iframe??Через какой-то JavaScript или что-то еще?

Спасибо!

Answer 1

Вы не сможете создавать стили в iFrame, если вы это сделаете, вы получите ошибку междоменного происхождения. По сути, вы не можете вмешиваться в iframe по соображениям безопасности. Вы должны посмотреть на получение фида / json календаря Google и создать весь вид самостоятельно.

Answer 2

Однако настройки, предлагаемые Google, являются лишь базовыми, поэтому для того, чтобы они соответствовали уникальному стилю вашего сайта, вам понадобятся дополнительные возможности редактирования. К сожалению, добавление правил CSS в родительский документ не работает, даже при добавлении директивы !important к каждому правилу.

https://www.webdesignerdepot.com/2012/04/integrating-google-calendar-with-your-website/