具有透明背景的 Google 自定义搜索

Question

我正在使用layout -> add a gadget -> html/javascript 将自定义谷歌搜索嵌入到我的博客网站中。

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

正如您在上一个屏幕截图中看到的那样，搜索框的背景颜色没有选项。有没有其他办法让它透明？

Answer 1

误传！你所谓的专业应该简单地说， “请参阅 Google 自定义搜索并单击 CSS 源文件。”

搜索“背景颜色”然后更改： 背景色：透明；

这就是答案！

Answer 2

这并非特定于 Blogger，而是适用于常规的非 Blogger 网页。只需将以下内容添加到页面的头部：

<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 属性，如上所示。