Google Translate düzenleme - Resimli

Merhaba arkadaşlar,

<div id="google_translate_element" style="height:24px;">
</div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'tr',
    includedLanguages: 'tr,en,de,ru,uk,fr,es',
    multilanguagePage: true,
    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
  }, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Bu kod yardımıyla siteme çeviri seçeneği aklıyorum, aşağıda görmüş olduğunuz gibi.



Ben bu listenin stilini değiştirmek istiyorum. Yardımcı olabilecek varsa sevinirim.

Teşekkürler.

(Konuyu javascript bölümüne de aştım fakat cevap alamadım. Burası daha aktif, hemde çoğu arakdaş javascript konusunda bilgili olduğu için bu kategoriye de açıyorum, bilginize.)

<div id="google_translate_element" style="height:24px;">
</div>

kısmını

<div id="google_translate_element" style="height:24px;" class="googletrans">
</div>

şeklinde değiştirip css dosyana

.googletrans{
 border:1px solid #ccc;
 color:#000;
}

gibi css değişkenleri tanımlayabilirsin.