需要帮助设计Google翻译按钮

Question

我无法通过CSS在我的网站上设置谷歌翻译按钮的样式.具体来说,我想将背景/文本颜色从默认的白色/黑色更改为与我的页面匹配的颜色.到目前为止,我已经尝试了几种方法,包括在另一个线程中提供的方法,但无济于事.我正在使用简单的下拉按钮,HTML代码如下.在此先感谢您的帮助!

<div id="google_translate_element" style="float:left; padding-left:15px"></div>

<script type="text/javascript">
    function googleTranslateElementInit() {
        new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'ca,da,de,el,en,es,fr,it,ja,ko,nl,pl,pt,ru,sv,tl', 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

只需在<scripts>标记后粘贴以下内容即可

<style>
    div#google_translate_element div.goog-te-gadget-simple{background-color:green;}
    div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span{color:yellow}
    div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span:hover{color:#fff}
</style>???????????????????????????????????

更新了 DEMO 以进行悬停.