谷歌翻译中缺少文字答案

【问题标题】：Missing text in Google Translate谷歌翻译中缺少文字
【发布时间】：2019-11-01 00:35:20
【问题描述】：

我在我的网站上使用 Google 翻译 HTML 小部件时遇到了编码错误。我已将其附加到标题中，但是“选择语言”甚至“供电者”这几个字是不可见的？我如何确保可以看到这一点？示例网址：http://www.ovtbeta.com/EscuelaValdez/index.html

谢谢大家！

我已经尝试了多种不同的谷歌翻译小部件代码，但问题仍然存在。

我正在使用：

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

【问题讨论】：

如果您在问题中包含相关代码而不是仅发布链接，将会很有帮助。关于您的问题，看起来“Powered by”是可见的。但是，颜色（由类.goog-te-gadget 控制）设置为#666，这使得它很难看到。关于Select Language 看起来new google.translate.TranslateElement 并没有为你添加它。相反，您可以在<div id="google_translate_element"></div> 之前手动添加Select Language
感谢您的回复。我发现了一个较早的代码，它在下拉菜单中显示了选择语言。至于 #666 - 我在位于 .goog-te-gadget 的 CSS 下看不到它。它只是说... .goog-te-gadget { color: transparent; } .google_translate_element { 宽度：100px;溢出：隐藏； } .google_translate_element { 显示：无；宽度：100px；溢出：隐藏； }
它似乎是在https://translate.googleapis.com/translate_static/css/translateelement.css 中定义的（在您的代码之外）。尝试在您的代码中覆盖如下：.goog-te-gadget { color:white !important; }。您可以将白色替换为您选择的颜色，但透明不会像它那样正常工作，嗯，透明。
您还记得导致“选择语言”消失的哪些更改吗？
我没有，我尝试替换代码并从 CSS 中删除所有 goog-te-gadget 和 google.translate 并且文本似乎仍然不可见。 IT 之前确实有效，我承认这一点。

标签： javascript html css google-translate

【解决方案1】：

请删除 style.css 中的 !important（第 224 行）。

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

【讨论】：

我删除了它，以及下面的其余标签。问题似乎仍然存在。