Can I change the CSS of an iframe?

Navigation
2

I have the following iframe of built-in Google Calendar: 

<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 of that iframe ?

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

    
asked by anonymous 14.03.2018 / 17:24

1 answer

0

As far as I know, just accessing 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);
    
18.05.2018 / 20:20
Intercept methods Ajax return error - Json format with PHP