如何删除或隐藏由谷歌翻译文本供电

How to remove or hide powered by text from Google Translate

本文关键字：谷歌 翻译 文本 隐藏 何删除 删除      更新时间：2023-09-26

是否可以隐藏或删除下拉框上的Powered by Google Translate在谷歌翻译?

我已经删除了徽标部分，但无法删除Powered by文本。

代码如下:

<div id="google_translate_element"></div>
<script type="text/javascript">
    function googleTranslateElementInit() {
      new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL}, 'google_translate_element');
    }
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

您可以在CSS文件中添加以下代码行:

.goog-logo-link {
    display:none !important;
} 
    
.goog-te-gadget{
    color: transparent !important;
}

这个CSS为我工作: 

.goog-logo-link {
   display:none !important;
}
.goog-te-gadget {
   color: transparent !important;
}
.goog-te-gadget .goog-te-combo {
   color: blue !important;
}

虽然，之前关于display: none和color: transparent的答案可能有效。我使用这个解决方案来完全删除html中的文本，如果你想让样式框本身。

$(window).load(function(){
    $(".goog-logo-link").empty();
    $('.goog-te-gadget').html($('.goog-te-gadget').children());
})

在这个例子中我使用jQuery，但是如果你愿意，你可以切换到JavaScript。

查看图像或删除谷歌翻译api中的文本供电，您可以简单地添加这个css。

.goog-te-gadget {
    font-size: 0px;
}

将css添加到样式表

#google_translate_element {
  color: transparent;
}
#google_translate_element a {
  display: none;
}

第一行将隐藏文本，第二行将隐藏google翻译徽标。

在所有浏览器中测试它，以确保您没有隐藏使下拉文本透明。如果是，添加如下:

select.google_translate_element {
  color: black;
}

删除"Powered by"文本

div.goog-te-gadget {
  color: transparent !important;
}

注意:我不确定是否在使用条款和条件中允许您隐藏Google徽标，但这应该可以工作。

如果您降低高度并隐藏溢出，您将在屏幕上隐藏该区域。也许这不是一个很好的解决方案，但它可以是一个很好的选择。

<style> 
    #google_translate_element { height: 26px !important; overflow: hidden !important; }
</style>

您可以尝试使用此链接。=比;https://www.w3schools.com/howto/tryit.asp?filename=tryhow_google_translate

我正在使用以下内容删除google poweredby链接或图像

#google_translate_element img
        {
            display: none !important;
        }

尝试从语言翻译器中删除徽标，我确定

$(window).load(function () {
  $(".goog-logo-link").parent().remove();
  $(".goog-te-gadget").html(
    $(".goog-te-gadget").html().replace('&nbsp;&nbsp;Powered by ', '')
  );
});

.goog-te-gadget {line-height: 2px !important;color: transparent;}

直接添加…

.goog-logo-link {display:none !important; } 
.goog-te-gadget {font-size:0px !important;}

您可以通过更改"googleTranslateElementInit"来实现这一点。函数。

<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en'}, 
'google_translate_element');
var $googleDiv = $("#google_translate_element .skiptranslate");
var $googleDivChild = $("#google_translate_element .skiptranslate div");
$googleDivChild.next().remove();
$googleDiv.contents().filter(function(){
return this.nodeType === 3 && $.trim(this.nodeValue) !== '';
}).remove();
}

尝试了上面的代码，它确实可以隐藏"Powered by"，但它确实删除了not the Google Translate部分。我所做的工作是将下面的代码添加到插件的css文件夹中的google-language-translators style.css中。

.goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active {
    color: #444;
    **display: none;**
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

参见插件活动http://sethucurryhouse.com/

相关文章：