Создание шкалы Google для логотипов на Google Translate

Question

Я хотел бы сделать логотип Google, отображаемый в кнопке Google Translate, в сером цвете (то есть не ярко-зеленый, красный, синий, желтый). Есть ли простой код (я не кодер), я могу добавить к этому встраивающему коде, чтобы это произошло? Код для вставки:

<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

вы можете просто добавить 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>