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>