Как сделать фон Google Custom Search Engine (прозрачным)?

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. Вы можете нацелить .gsc-control-cse с !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>