如何製作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

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>