如何从谷歌翻译中删除标题中的谷歌图标

Question

我正在使用以下代码：

 <style>
    .goog-te-gadget-icon{
    background:none !important;
    }
    .goog-te-banner-frame {
     //left: -150px !important;
     display:none;
     background-color:#000 ;!important;
    }
    div.goog-te-gadget-simple{ border-radius:5px; background-color:#000; padding:10px;}
    a.goog-te-menu-value{ text-decoration:none;}
    a.goog-te-menu-value > span{ color:#FFF;}
    </style>
 <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>


                               </div>

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

Answer 1

添加以下CSS以删除翻译工具栏和文本工具提示。

.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;
}

Answer 2

我非常确定删除Google图标是违反其使用条款的，因此非法。

检查是否在iframe中呈现了Google翻译HTML代码段。如果是这样，那么你的CSS无论如何都无法修改它。 JavaScript虽然可以提供帮助。