Wie Google Search Engine Platzhalter (CSE)

Question

Ich versuche, entfernen Sie den Platzhalter der Google-Suchmaschine verwenden jqueryaddClass und css zu entfernen.

Website URL: https://gragop.herokuapp.com

Konsole Kontrollieren: wenn Sie Klasse hinzufügen w3-hide innerhalb gsc-input Klasse es entfernt, aber ich weiß nicht, wie es zu tun.

CSS

.w3-hide{display:none!important} 

JQuery ich ohne Erfolg versuche:

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

Answer 1

ich Sie gehe davon würde den Platzhalter verbergen wollen, aber Sie wollen es noch sein eine Suchleiste. Wird die Klasse w3-hide zu gsc-i-id1, hinzugefügt, würde die Suchleiste vollständig ausgeblendet und nicht typisierbar sein. Stattdessen müssten Sie den Hintergrund img (Google Logo) Stil, der angewendet wird, überschreiben.

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