采用谷歌的默认翻译工具代码出来的显示为上图所示,白色背景,但是就客户要求要同其网站相统一,而谷歌此样式是远程调用,
故而需要写一下样式优先实现如果下图效果
<style>
div#google_translate_element div.goog-te-gadget-simple{background-color:#323a45;border:0;padding-bottom:0;padding-top:0; margin-top: -20px;}
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span{color:#fff}
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span:hover{color:#fff}</style>
谷歌网站全站翻译JS调用代码附下,ps:,网站默认语言是代码是en ,各位也可以自行去https://translate.google.com/manager/website/ 生成代码
<div id=”google_translate_element”></div><script type=”text/javascript”>
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: ‘en’, layout: google.translate.TranslateElement.InlineLayout.SIMPLE, multilanguagePage: true}, ‘google_translate_element’);
}
</script><script type=”text/javascript” src=”//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit”></script>
同理,其它网站采用谷歌翻译网站工具也是非常简单就修改样式为自己满意的样子