Как удалить заполнитель поисковой системы Google (Cse)

Question

Я пытаюсь удалить заполнитель поисковой системы Google с помощью jquery addClass и CSS

URL сайта: https://gragop.herokuapp.com/

Осмотрите консоль: если вы добавите класс w3-hide внутри gsc-input Класс это удаляет, но я не знаю, как это сделать.

CSS

.w3-hide{display:none!important}

JQuery я пытаюсь безуспешно:

$(".gsc-input").addClass("gsc-input w3-hide");

Answer 1

Я написал функцию, которая постоянно блокирует рекламу, пока она генерируется.

GSC поисковая консоль Google - блокировать рекламу в результате:

$(document).ready(function () {
is_expired = 0;
$(function (){
var timer = setInterval(hidead, 100);
if (is_expired > 0) {
 clearInterval(timer);
}
}); 

function hidead() {
$(".gsc-adBlock").hide();
};

});

Answer 2

$(document).ready(function(){
 $('#gsc-i-id1').attr("placeholder", "");
 $('#gsc-i-id1').css('background-image', 'none');
 $("#gsc-i-id1").blur(function() {
  $('#gsc-i-id1').css('background-image', 'none');
 });
});

Answer 3

Я предполагаю, что вы хотели бы скрыть заполнитель, но вы все равно хотите, чтобы это была строка поиска. Добавление w3-hide класс для gsc-i-id1, полностью скрыл бы строку поиска, оставив ее нетипизированной. Вместо этого вам нужно переопределить стиль фона img (логотип Google), который применяется.

$( window ).on( "load", function() {
    $('#gsc-i-id1').removeAttr('placeholder');
    $('#gsc-i-id1').css('background', 'none');

    $('#gsc-i-id1').on('blur', function() {
        $('#gsc-i-id1').css('background', 'none');
    });
});