Customizing Google Translator drop down

I have a website and in this website am adding google translator so that people can see website in different languages

The code that i have added is

<div id="google_translate_element"></div>
<div id="language"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({
    pageLanguage: 'en', includedLanguages: 'bn,en,kn', 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>

Now i want to customize the drop down like background color , text color, text size and width how can i do this

Please Help Me

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....