在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>