Javascript 如何删除；由谷歌翻译提供动力；并通过谷歌翻译器从特定语言下拉列表中翻译网页_Javascript_Html_Jquery_Google Translate_Translate

Javascript 如何删除；由谷歌翻译提供动力；并通过谷歌翻译器从特定语言下拉列表中翻译网页

javascript html jquery

Javascript 如何删除；由谷歌翻译提供动力；并通过谷歌翻译器从特定语言下拉列表中翻译网页,javascript,html,jquery,google-translate,translate,Javascript,Html,Jquery,Google Translate,Translate,我想删除下拉列表标题和底部的“由谷歌翻译支持” 我只需要特定语言下拉列表代码 <!DOCTYPE html> <html lang="en-US"> <body> <h1>My Web Page</h1> <p>Hello everybody!</p> <p>Translate this page:</p> <div id=&

我想删除下拉列表标题和底部的“由谷歌翻译支持”

我只需要特定语言下拉列表

代码

<!DOCTYPE html>
<html lang="en-US">
  <body>

   <h1>My Web Page</h1>
   <p>Hello everybody!</p>
   <p>Translate this page:</p>

   <div id="google_translate_element"></div>

   <script type="text/javascript">
     function googleTranslateElementInit() {
         new google.translate.TranslateElement({ pageLanguage: 'en' }, 'google_translate_element');
     }
   </script>

   <script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

   <p>You can translate the content of this page by selecting a language in the select box.</p>

 </body>
 </html>


我的网页
大家好
翻译本页：
函数googleTranslateElementInit（）{
新的google.translate.TranslateElement（{pageLanguage'en'}，'google_translate_element'）；
}
您可以通过在选择框中选择语言来翻译此页面的内容

您可以在

CSS

文件中添加以下代码行：

body {
top: 0px !important; 
}

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

.goog-te-banner-frame.skiptranslate {
display: none !important;
}

是的@Niranjan Hira它隐藏了下拉列表的底部“由谷歌翻译提供动力”，但我需要删除标题iframe。另外，在你的

CSS

文件

body{top:0px！important；}

和

.goog-te-banner-frame.skiptranslate{display:none！important；}

工作正常，谢谢@Niranjan Hira:）对于特定的语言，我使用了{includelanguages:'en，zh CN'，}而不是{pageLanguage:'en'}如果我想使用旗帜图标，请点击下拉菜单，我该怎么做如果你想要旗帜图标，请阅读以下内容：