你可以样式google翻译插件吗？ [英] Can you style the google translate plugin?

问题描述

我使用此插件（http://translate.google.com/translate_tools）翻译我的网站。
问题是我无法弄清楚如何风格化，因此它不适合页面的其余部分。

I'm using this plugin (http://translate.google.com/translate_tools) to translate my website. The problem is that I can't figure out how to style it so it does not fit with the rest of the page.

有任何建议吗？ p>

Any suggestions?

推荐答案

当然，您可以对网页上呈现的任何内容进行样式设置。

Sure you can style anything that renders out on your page.

以下是已渲染标记的一部分：

Here is a part of the rendered mark-up:

<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呈现并覆盖它与您自己的样式，如下：

You can take a look at what goog-te-combo renders out and override it with your own styles like this:

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

根据您要更改的内容，此方法可用于任何样式在课堂上展示或扩展他们。

Depending on what it is exactly that you want to change this method can be used for any of the styles rendered out in their classes or to extend them.

这篇关于你可以样式google翻译插件吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！