如何使Google自定義搜索引擎的背景（透明）？

Question

默認情況下，背景顯示為白色。 是否可以通過任何方式將其背景顏色更改為透明。

<script>
  (function() {
    var cx = '005519348941191855053:d0uziw7c2dq';
    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>
<gcse:search></gcse:search>

Answer 1

如果要使容器透明。 您始終可以檢查Google腳本的輸出，並通過CSS添加自定義。 您可以使用!important定位.gsc-control-cse

 body { background:#f44336; } .gsc-control-cse { background:transparent !important; /* enforce this rule; do not allow override */ border-color:transparent !important; /* border color */ } 

 <script> (function() { var cx = '005519348941191855053:d0uziw7c2dq'; 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> <gcse:search></gcse:search>