3

CSS を使用して、Web サイトの Google 翻訳ボタンのスタイルを設定することに途方に暮れています。具体的には、背景/テキストの色をデフォルトの白/黒から自分のページに合う色に変更したいと考えています。これまでのところ、ここの別のスレッドで提供されている方法を含むいくつかの方法を試しましたが、役に立ちませんでした. シンプルなドロップダウン ボタンを使用しています。HTML コードは以下のとおりです。よろしくお願いします。

<div id="google_translate_element" style="float:left; padding-left:15px"></div>

<script type="text/javascript">
    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');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
4

2 に答える 2

8

<scripts>タグの直後に次を貼り付けるだけです

<style>
    div#google_translate_element div.goog-te-gadget-simple{background-color:green;}
    div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span{color:yellow}
    div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span:hover{color:#fff}
</style>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

ホバーのデモ を更新しました。

于 2012-06-24T03:24:18.133 に答える