अनुकूलित गूगल अनुवादक ड्रॉप डाउन

Question

मैं एक वेबसाइट है और इस वेबसाइट में गूगल अनुवादक द्वारा जोड़ा जा रहा है ताकि लोग अलग-अलग भाषाओं

कोड है कि मैं जोड़ लिया है में वेबसाइट देख सकते हैं मैं चाहता हूँ

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

है अब पृष्ठभूमि रंग, पाठ रंग, पाठ आकार की तरह ड्रॉप डाउन अनुकूलित और चौड़ाई मैं कैसे इस

कर सकते हैं करने के लिए मदद कृपया मेरे

मैं देने की कोशिश की ड्रॉप-डाउन अस्पष्टता 0 और एक ही स्थान पर मेरी बूंद डालने से ताकि यह काम करता है लेकिन यह काम नहीं कर रहा है ....

Answer 1

मुझे पता है कि यह एक पुरानी पोस्ट है, लेकिन मैं यहां दूसरों के लिए अपना समाधान साझा कर रहा हूं कौन, मेरे जैसे, एक ही समस्या थी/होगा।

ड्रॉप डाउन iframe के अंदर है, इसलिए अकेले आपके पृष्ठ पर इसका सीएसएस निर्दिष्ट करने में मदद नहीं मिलेगी।

$('document').ready(function() { 
    $('#google_translate_element').on("click", function() { 

     // Change font family and color 
     $("iframe").contents().find(".goog-te-menu2-item div, .goog-te-menu2-item:link div, .goog-te-menu2-item:visited div, .goog-te-menu2-item:active div, .goog-te-menu2 *") 
      .css({ 
       'color': '#544F4B', 
       'font-family': 'tahoma' 
      }); 

     // Change hover effects 
     $("iframe").contents().find(".goog-te-menu2-item div").hover(function() { 
      $(this).css('background-color', '#F38256').find('span.text').css('color', 'white'); 
     }, function() { 
      $(this).css('background-color', 'white').find('span.text').css('color', '#544F4B'); 
     }); 

     // Change Google's default blue border 
     $("iframe").contents().find('.goog-te-menu2').css('border', '1px solid #F38256'); 

     // Change the iframe's box shadow 
     $(".goog-te-menu-frame").css({ 
      '-moz-box-shadow': '0 3px 8px 2px #666666', 
      '-webkit-box-shadow': '0 3px 8px 2px #666', 
      'box-shadow': '0 3px 8px 2px #666' 
     }); 
    }); 
}); 

Answer 2

लटकती भाषा लिंक रंग

: यहाँ कैसे मैं अपने गूगल अनुवादक jQuery के साथ ड्रॉप डाउन मेनू स्टाइल है

बस सिर में इस स्क्रिप्ट जोड़ने ..

<script> 
var $jt = jQuery.noConflict(); 
$jt('document').ready(function() { 

    $jt('#google_translate_element').on("click", function() { 

var $frame = $jt('.goog-te-menu-frame:first'); 
$frame.contents().find(".goog-te-menu2-item div") 
      .css({ 
       'color': '#544F4B', 
       'font-family': 'tahoma', 

    }).hover(function(){ 
    $jt(this).css("background","#eeeeee"); 
    },function(){ 
    $jt(this).css("background",""); 
    }); 
    }); 
}); 
</script>