title: Need help styling Google Translate button
body: <p>I'm at a loss for styling the Google Translate button on my website via CSS. Specifically, I want to change the background/text colors from the default white/black to those that will match my page. So far I've tried several methods including those offered in another thread here, but to no avail. I'm using the simple dropdown button, and the HTML code is below. Thanks in advance for your help!</p>
  
  <pre><code>&lt;div id="google_translate_element" style="float:left; padding-left:15px"&gt;&lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
      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');
  }
  &lt;/script&gt;
  &lt;script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"&gt;&lt;/script&gt;
  </code></pre>