如何从谷歌翻译 api 中删除或隐藏谷歌图标？答案

【问题标题】：How to remove or hide the google icon from the google translate api?如何从谷歌翻译 api 中删除或隐藏谷歌图标？
【发布时间】：2012-11-21 17:19:08
【问题描述】：

我正在使用这行代码：

    <div id="google_translate_element"></div>
<script>
   function googleTranslateElementInit() {
      var translator = new google.translate.TranslateElement({
      pageLanguage: 'en',
      autoDisplay: false,
      multilanguagePage: false,
      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
   }, 'google_translate_element');
}
</script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

这是输出，我想删除图标，怎么可能删除它？或隐藏

【问题讨论】：

标签： php html css api google-translate

【解决方案1】：

这比rohit的回答好多了

.goog-te-gadget-icon{
  display:none;
}

【讨论】：

我同意这是更好的答案，因为它不会在图标所在的位置留下空白，这就是您只删除背景而不是整个元素的情况。

【解决方案2】：

习惯了

.goog-te-gadget-icon{
background:none !important;
}

Live Demo

【讨论】：