Wie mache ich Hintergrund von Google Custom Search Engine (Transparent)?

Question

Standardmäßig wird der Hintergrund weiß angezeigt. Ist es möglich, seine Hintergrundfarbe auf transparente Weise zu ändern?

<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

Wenn Sie der Behälter transparent machen möchten. Sie können jederzeit die Ausgabe des Google-Skripts einsehen und sie über CSS anpassen. Sie können .gsc-control-cse mit !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>