如何使用CSS自定义Google日历？

Question

我有一个iframe具有Google Calendar:

<iframe name="iframe1" id="iframe1" src="https://calendar.google.com/calendar/embed?height=600&amp;wkst=1&amp;bgcolor=%230c4da1&amp;src=example.com" style="border-width:0" width="800" height="600" frameborder="0" scrolling="no"></iframe>

疑问: 我可以自定义Google Calendar使用CSS？如果没有,我可以另外定制？

我想改变字体大小,颜色等.

Answer 1

找到了一些解决办法！您可以filter在 iframe 本身上使用该样式

iframe{
   filter: invert(.9) saturate(0.5) hue-rotate(145deg);
}

所以它是这样的：

对此：

我相信看起来至少更好一些

Answer 2

Google日历公开其API。它们在这里可用，这些是用于自定义android日历应用程序布局的相同API。

https://developers.google.com/calendar/

您可以在这些API之上编写任何CSS /布局

可能不相关，但是有一个开源存储库可以在您仅查找Google日历事件的情况下为您提供帮助。

检查此：http : //sugi.github.io/jquery-gcal-flow/