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のコードブロックの後にいくつかの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>