如何从谷歌翻译中删除或隐藏谷歌图标

Question

我正在使用以下代码：

 <div id="google_translate_element"></div>
<script>
   function googleTranslateElementInit() {
      var translator = new google.translate.TranslateElement({
      pageLanguage: 'en',
      includedLanguages: 'en,zh-CN,zh-TW',

      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
   }, 'google_translate_element');
}
</script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

这是输出，我想删除图标，怎么可能删除它？或隐藏

Answer 1

简单 - 不。

您无法执行此操作，因为Google徽标是iframe中的元素。如果它与您的域名在同一个域中，您可以使用javascript将样式应用于该元素......但如果您现在尝试，则会遇到跨域引用错误。

此外，你为什么要删除它？你得到一个免费的优质服务，业主应该得到一些荣誉。

Answer 2

虽然您无法删除徽标，但您可以使用CSS定位Google翻译器容器以隐藏图标..

.goog-te-banner-frame {
 left: -180px !important;
}

但我个人会在那里保留谷歌翻译标识。

Answer 3

嗨，谢谢你的一切......这是正确答案

**

.goog-te-banner-frame.skiptranslate, .goog-te-gadget-icon {
        display: none !important;
    }
    body {
        top: 0px !important;
    }
    .goog-tooltip {
        display: none !important;
    }
    .goog-tooltip:hover {
        display: none !important;
    }
    .goog-text-highlight {
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

**