谷歌自定义搜索透明背景

时间:2015-04-29 11:36:25

标签: javascript html css blogger google-custom-search

我使用var myString = "text" 将自定义Google搜索嵌入我的博客网站。

但是,搜索框有白色背景。如何使背景透明?

Copying the code for the google search.

The google box has a white background.

enter image description here

正如您在上一个屏幕截图中所看到的,搜索框的背景颜色没有选项。还有其他方法让它透明吗?

2 个答案:

答案 0 :(得分:1)

沟通误解!你所谓的专业人士应该简单地说, “请参阅Google自定义搜索并点击CSS源文件。”

搜索'background-color'然后更改: background-color:transparent;

这就是答案! enter image description here enter image description here

答案 1 :(得分:1)

这不是特定于Blogger,而是适用于常规的非Blogger网页。只需将以下内容添加到页面的head部分:

<style>
    .cse .gsc-control-cse,
    .gsc-control-cse {
      background-color:transparent !important;
    }
</style>

您还可以查看full CSS page of Google's default styles that can be overridden here。当您覆盖任何特定样式时,请务必使用!important属性,如上所示。