У меня есть этот код iframe, отображающий документ Google Документы:

<div itemprop="description" class="col-xs-12 no-h-padding" id="article_desc" style="margin:0 auto; width:90%; float:none;">

  <iframe src="https://docs.google.com/viewer?url=http://example.com/docs/1.pdf&hl=ar&embedded=true" scrolling="no"></iframe>

</div>

IFrame прекрасно работает и отображает следующий iFrame:

Теперь я хочу изменить серый фон, как показано на картинке выше, на белый цвет фона, я искал решение и придумалэтот, но он не работает, фон стал белым (с моим пользовательским CSS), но документы Google не работали, и в iFrame появилось сообщение о том, что что-то пошло не так.

Кто-нибудь знает, как я могу изменить серый цвет фона?

РЕДАКТИРОВАТЬ Он работает в Google Chrome и Opera, но не в Firefox и Safari.