Google Docs iFrame：如何自定义嵌入式 Google Docs iFrame 的 css

我有一个显示 google 文档文档的 iframe 代码：

<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>

The iFrame works great and display the following iFrame:

现在我想将上图所示的灰色背景更改为白色背景颜色，我一直在寻找解决方案，我想出了this https://stackoverflow.com/questions/25395279/customize-css-of-google-docs-viewer，但它不起作用，背景变成白色（使用我的自定义 css），但 google 文档不起作用，它显示一条消息，告诉我 iFrame 内部“出了问题”。

有谁知道如何更改灰色背景颜色？

EDIT它适用于 Google Chrome 和 Opera，但不适用于 Firefox 和 Safari。

我不能肯定地说这是否是问题所在，但是，因为它在不同浏览器中的显示方式不同，所以我倾向于相信这是 CSS 规范化/重置的问题。这个答案 https://stackoverflow.com/a/16646838/1842146有一个用于执行此操作的脚本，评论中还有更多脚本，因此我建议您查看一下。