Is it possible to change an iframe's CSS?

Question:

I have the following Google Calendar iframe embedded:

<iframe src="https://calendar.google.com/calendar/embed?showNav=0&amp;showPrint=0&amp;showCalendars=0&amp;showTz=0&amp;height=600&amp;wkst=1&amp;bgcolor=%23ffffff&amp;src=exemplo.com;color=%23182C57&amp;ctz=America%2FSao_Paulo" style="border-width:0;" width="100%" height="600" frameborder="0" scrolling="no"></iframe>

I'm pulling this iframe from a Google calendar, the question is: Can I change the CSS this iframe ?

I need to change colors, fonts, etc. I would like to know if there is any possibility to do this, or if anyone knows of another way to make these edits in Google Calendar.

Answer:

As far as I know, only having access to the DOM using js ex:

var estilo = document.createElement('link');
estilo.rel = 'stylesheet';
estilo.type = 'text/css';
estilo.href = 'caminho/estilo.css';
seuIframe.getElementsByTagName('head')[0].appendChild(estilo);
Scroll to Top
AllEscort