在 Google 翻译按钮上制作 Google 徽标灰度

Question

我想将出现在 Google 翻译按钮中的 Google 标志变成灰度（即不是亮绿色、红色、蓝色、黄色）。是否有任何简单的代码（我不是编码员）我可以添加到这个嵌入代码中来实现这一点？这是嵌入代码：

<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {  

  new google.translate.TranslateElement({pageLanguage: 'en', layout:   
  google.translate.TranslateElement.InlineLayout.SIMPLE},   
 'google_translate_element');
  }
  </script><script type="text/javascript"  
  src="//translate.google.com/translate_a/element.js?  
  cb=googleTranslateElementInit"></script>

谢谢。

Answer 1

您可以在当前 javascript code-block:

之后简单地添加一些 css 代码

<div id="google_translate_element"></div>
<script type="text/javascript">
    function googleTranslateElementInit() {
        new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
   }
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<style media="screen">
  #google_translate_element img.goog-te-gadget-icon {
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
  }
</style>

在 Google 翻译按钮上制作 Google 徽标灰度

Making Google Logo grey scale on Google Translate Button

html

embed

google-translate