如何删除谷歌搜索引擎占位符(Cse)

Question

我正在尝试使用jqueryaddClass和css删除Google搜索引擎的占位符。

网站网址： https://gragop.herokuapp.com

检查控制台：如果您在类中添加类w3-hidegsc-input它会将其删除，但我不知道该怎么做。

.CSS

.w3-hide{display:none!important}

Jquery我正在尝试但没有成功：

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

Answer 1

我写了一个函数，在生成广告时不断阻止广告。

GSC谷歌搜索控制台-阻止结果中的广告：

$(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

我假设您想隐藏占位符，但您仍然希望它是一个搜索栏。将类添加到gsc-i-id1w3-hide将完全隐藏搜索栏，使其不可键入。相反，您需要覆盖应用的背景 img(谷歌的徽标)样式。

$( 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');
});
});

Answer 3

$(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');
});
});