Question

我想在我的网站上添加Google Searchbox。这是我找到的代码：

＆＃13;

<script>
  (function() {
    var cx = 'Search-Engine ID';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<div class="gcse-searchresults-only"></div>
<form action="search.php" method="GET">
  <input class="input" name="q" placeholder="Search...">
</form>

＆＃13;

它工作正常，但我在Searchbox顶部有一个白色矩形。至少在Chrome和FF中。在Edge，没关系。我试了很多东西摆脱那个矩形，添加了

.gsc-control-cse {
border: none;
background: none;

}

到我的css，并试图用！重要代码覆盖Google的代码，但到目前为止没有任何作用。如何在我的Searchbox顶部摆脱这个白色矩形？您可以在此处查看我的测试页：https://www.patriciakaas.nl/test.php Searchbox位于右下方。

约翰娜

Answer 1

.gsc-control-cse, .gsc-control-cse-en {
    border:none !important;
    background:none !important;
}

删除Google Searchbox顶部的白色矩形

1 个答案: