Hinzufügen von CSS zu Google Kalender iFrame

Question

Ich arbeite an einer Website, die einen Basiskalender benötigt und daran gedacht hat, Google Kalender hinzuzufügen. Die Sache ist, dass ich wirklich gerne den ganzen eingebetteten Kalender stylen würde, aber es ist in einem iframe und sogar das Hinzufügen von! Wichtig zu den anvisierten Klassen funktioniert nicht.

Gibt es eine Möglichkeit, einen Css zu diesem Iframe hinzuzufügen? Durch etwas JavaScript oder etwas?

Danke!

Answer 1

Sie können kein Styling auf dem iFrame erstellen, wenn Sie den domainübergreifenden Ursprungsfehler erhalten. Im Wesentlichen sind Sie aus Sicherheitsgründen daran gehindert, einen Iframe zu manipulieren. Sie sollten in den Feed/JSON des Google-Kalenders ziehen und die gesamte Ansicht selbst erstellen.

Answer 2

Die von Google angebotenen Einstellungen sind jedoch nur grundlegend, und damit sie dem einzigartigen Stil Ihrer Site entsprechen, sollten Sie ein wenig zusätzliche Bearbeitungsleistung haben. Das Hinzufügen von CSS-Regeln zum übergeordneten Dokument funktioniert jedoch nicht, auch wenn Sie zu jeder Regel eine !important-Anweisung hinzufügen.

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