如何禁用谷歌翻译原始文本工具提示

Question

我在我的网站上使用谷歌翻译作为语言转换器，但它显示了令人讨厌的工具提示，称为“原始文本”。 如何禁用此功能以及任何其他更好的创意/工具/ apis来执行此操作？

谢谢。 使用的代码是......

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

Answer 1

只需将此CSS添加到CSS文件的顶部：

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

我浪费了8个小时搞清楚这一点，但现在经过那3行CSS看起来很棒:-)你可以在这里看到这个： SEOgenie - 自动化搜索引擎优化

Answer 2

您可以执行一些操作来“覆盖”您网站上的Google翻译器显示。

我一直在使用休闲

隐藏意见箱（重要部分非常重要:)）

#goog-gt-tt, .goog-te-balloon-frame{display: none !important;} 
.goog-text-highlight { background: none !important; box-shadow: none !important;}

隐藏动力

.goog-logo-link{display: none !important;}
.goog-te-gadget{height: 28px !important;  overflow: hidden;}

要删除顶部框架

body{ top: 0 !important;}
.goog-te-banner-frame{display: none !important;}

Thera还有一些，但我想上面会推动你走向正确的道路;）

关心所有人。

Answer 3

我认为我的方法更好^^

    $(document).ready(function() 
    {       
        translationTooltipsDisable();
    });


    function translationTooltipsDisable()
    {       
        //Override google's functions
        _tipon = function()  { /*Don't display the tooltip*/ };
        _tipoff = function() { /*Don't hide the tooltip*/ };
    }

Answer 4

#google_translate_element {
  display:none;
}

CSS显示：无效可能。

Answer 5

看来你可以用他们用来做“工具提示”的iframe上的一些CSS来隐藏它。

.goog-te-balloon-frame { display: none; }

它可能是一个移动目标，因为他们更新服务并更改名称/结构，但它现在可以在我的正在进行的站点上工作。

更新：我注意到鼠标悬停/悬停背景颜色效果似乎在这个方法上徘徊，但它似乎是用JavaScript完成的（在元素本身上添加为样式属性而不是类切换，你可以更容易地覆盖它）。 绑定Google的翻译JavaScript可以做很多事情已经证明非常困难。 无论如何，摆脱iframe是最重要的部分。