title: Customizing Google Translator drop down
body: <p>I have a website and in this website am adding google translator so that people can see website in different languages</p>
  
  <p>The code that i have added is</p>
  
  <pre><code>&lt;div id="google_translate_element"&gt;&lt;/div&gt;
  &lt;div id="language"&gt;&lt;/div&gt;
  &lt;script type="text/javascript"&gt;
  function googleTranslateElementInit() {
  new google.translate.TranslateElement({
      pageLanguage: 'en', includedLanguages: 'bn,en,kn', 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>
  
  <p>Now i want to customize the drop down like background color , text color, text size and width how can i do this </p>
  
  <p>Please Help Me</p>
  
  <p>I tried of giving the drop-down  opacity 0 and placing my drop down on the same place so that it acts same but its not working.... </p>