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

我想将出现在Google翻译按钮中的Google徽标变为灰度（即不是亮绿色，红色，蓝色，黄色）。有没有简单的代码（我不是编码器），我可以添加到这个嵌入代码来实现这个目的？这是嵌入代码：在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>

谢谢。

来源

2017-02-09 Mathew Aldred

你可以简单地当前的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>

来源

2017-02-09 13:27:28 benedikt

@MathewAldred请接受的答案，如果你的作品，你满意我的回答。有关“接受答案”的详细信息，请参阅[如何接受答案？]（http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work）。 – benedikt

谢谢@benedikt - 正是我所期待的。 –

我很高兴我能帮助你。 :-) – benedikt

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

回答

相关问题