css - 你能设计谷歌翻译插件吗？

Question

我正在使用这个插件 (http://translate.google.com/translate_tools) 来翻译我的网站。 问题是我不知道如何设置它的样式，所以它不适合页面的其余部分。

有什么建议吗？

Answer 1

当然，您可以为页面上呈现的任何内容设置样式。

这是渲染标记的一部分:

<div id="google_translate_element">
  <div class="skiptranslate goog-te-gadget" style="">
    <div id=":1.targetLanguage">
    <select class="goog-te-combo">
    </select>
  </div>
Powered by
  <span style="white-space: nowrap;">

  </span>
</div>

你可以看看 goog-te-combo 渲染出来的内容，然后用你自己的样式覆盖它，如下所示:

<style>
    .goog-te-gadget {
        font-size: 19px !important;
    }    
</style>

根据您想要更改的内容，此方法可用于在其类中呈现的任何样式或扩展它们。