将CSS添加到Google Calendar iFrame

时间:2011-01-05 22:13:06

标签: css iframe google-calendar-api

我正在开发一个需要基本日历的网站,并考虑添加Google日历。问题是我真的想要设置整个嵌入式日历的样式,但它在iframe中,甚至添加!对目标类很重要也不起作用。

有没有办法向iframe添加一些css?通过一些JavaScript或什么?

谢谢!

2 个答案:

答案 0 :(得分:3)

您无法在iFrame上进行任何样式设置,如果您这样做,您将收到跨域原因错误。基本上,出于安全原因,您无法篡改iframe。你应该考虑拉动谷歌日历的feed / json并自己创建整个视图。

答案 1 :(得分:0)

Google提供的设置只是基本设置,因此,为了适应您网站的独特风格,您需要一些额外的编辑能力。不幸的是,即使向每个规则添加!important指令,向父文档添加CSS规则也不起作用。

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