Question

I am using this line of code:

    <div id="google_translate_element"></div>
<script>
   function googleTranslateElementInit() {
      var translator = new google.translate.TranslateElement({
      pageLanguage: 'en',
      autoDisplay: false,
      multilanguagePage: false,
      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
   }, 'google_translate_element');
}
</script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Here is the output and I want to remove the icon, how can possibly remove it? or hide

Answer 1

Used to this

.goog-te-gadget-icon{
background:none !important;
}

Live Demo