如何从Google翻译中删除或隐藏由文本提供支持的内容

时间:2014-06-18 08:54:46

标签: javascript google-translate

是否可以在Google翻译的下拉列表中隐藏或删除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>

9 个答案:

答案 0 :(得分:27)

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

.goog-logo-link {
   display:none !important;
} 

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

答案 1 :(得分:2)

虽然以前关于__clear_cache()display: none的答案可能有效。我使用这个解决方案来从html 中完全删除文本,如果你想让我们说这个盒子本身的样式。

color: transparent

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

答案 2 :(得分:1)

将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徽标的条款和条件范围内,但这应该有效。

答案 3 :(得分:1)

这个CSS对我有用:

.goog-logo-link {
   display:none !important;
}

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

.goog-te-gadget .goog-te-combo {
   color: blue !important;
}

答案 4 :(得分:0)

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

#google_translate_element img
        {
            display: none !important;
        }

尝试此操作以删除语言翻译中的徽标我确定

答案 5 :(得分:0)

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

答案 6 :(得分:0)

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

答案 7 :(得分:0)

#google_translate_element { height: 26px !important; overflow: hidden !important; }

答案 8 :(得分:-1)

尝试了上面的代码,它确实隐藏了“Powered by”,但确实删除了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;
}

See Plugin active on http://sethucurryhouse.com/