自定义Google自定义搜索iFrame以获得透明背景？

Question

我查看了本网站上所有相关的GCS问题和答案，并查看了网络，但无济于事。

我正在使用Google自定义搜索和iFrame选项以及网站背景具有纹理多色背景的网站上的标准主题。 Google搜索结果位于iFrame内的标准#FFFFFF背景中。我想将此设置为none或transparent，因此搜索结果iFrame补充了网站的当前设计。我已经在Google管理员中查看了此产品的全局样式和各种自定义样式选项，但它只提供了为背景选择HEX颜色的选项，而无法选择无颜色或透明颜色。即使我把它留空，它也会默认为空白。

我无法真正使用Javascript或CSS来调整Google生成iFrame中的内容 - 或者我可以吗？有没有解决这个问题的方法？

提前谢谢。

Answer 1

不。没有办法解决这个问题 - 我自己也研究过了。唯一真正的选择是使用Google Search API并使用ajax获取结果。如果您希望通过赞助商链接赚钱，那不是一个好主意。

您无法对来自其他域的iframe内的内容执行任何操作，因为它违反了同源策略。

Answer 2

没有办法解决这个问题。你不能设置不属于你域名的东西。也许你可以使用get url点击自定义搜索：

http://google.com?q=the_search_term&customid=34523432

在这种情况下，您可以自己设置搜索框并自行设置样式。

Answer 3

你可以使用自己的风格。

只需添加你的风格

iframe{ background:transparent !important }

在真实浏览器中否决其他样式 在IE中，您还必须将allowtransparency =“true”添加到iFrame，这可以使用JS完成。 见这里：How can I set a custom width on my Google search iframe?

Answer 4

您只需将“＆amp; bc = transparent”添加到“... embedded = true”链接的末尾即可。它将使整个背景透明。

Answer 5

解决方案是覆盖这样的css：

.cse input.gsc-input, input.gsc-input {background-image:none !important;}

找到答案here。