如何使google 自定义搜索白色背景透明？

Question

到目前为止，这是我的代码。我想让白边（背景）透明。 background-color:transparent !important; 不起作用。请帮忙。谢谢

<style>
.container {
position: relative; 
width: 49%;
top: -11px;
float: right;
background-color:transparent !important;
}
</style>
<script async src="https://cse.google.com/cse.js?cx=xxxxxxhidenxxxxxxxxx"></script>
<div class="container">
<div class="gcse-search">
</div>
</div>

输出here

编辑 1：刚刚意识到白边来自填充 13。请根据我的代码帮助我删除填充 13。非常感谢

Answer 1

您应该将 css 直接应用于 cse 元素。 cse 脚本将在同一父元素内创建一个 div，其 id 类似于或等于 "___gcse_0"。检查生成的html。我自己还没有尝试过，但是 .gsc-control-cse 而不是 .container 上的 css 规则应该有效。否则，您将不得不深入研究开发人员工具，找出哪个元素具有白色背景。

Answer 2

问题已解决，完整代码如下：

<style type="text/css">
.googlesearch {
position: relative; 
width: 40%;
float: right;
top: 4px;
margin-right: 5px;
}
.cse .gsc-control-cse, 
.gsc-control-cse {
padding: 0em;
background: transparent;
border: 0px;
}
</style>
<script async src="https://cse.google.com/cse.js?cx=xxxxxxxxxxxxxxxxxxxxx></script>
<div class="googlesearch">
    <div class="gcse-search"></div>
</div>

如何使google 自定义搜索白色背景透明？

how to make google custom search white background transparent?

html

google-custom-search