谷歌翻译插件的“notranslate”类改变了网站的CSS

时间:2015-07-09 10:54:45

标签: css plugins google-translate machine-translation

因此,如果我复制并粘贴google翻译插件代码段:

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

它改变了我的所有网站css [从标题,动画到甚至boostrap css]。

我做了一些研究,当然我发现class =“notranslate”,是的,我申请了标题和内容。

我会亲自尝试,但答案会很酷。

2 个答案:

答案 0 :(得分:2)

很容易。

因此,对于遇到此问题的每个人,您只需将class="notranslate"添加到样式表的链接标记中,即每个实际在该特定页面上执行操作的内容。

例如:

<link rel="stylesheet" type="text/css" href="/Templates/CSS/bootstrap.min.css" title="standard"  class="notranslate" />

答案 1 :(得分:-1)

我有解决方案宽度配置javascript

&#13;
&#13;
<script>
  $(".class-name").addClass("notranslate");
</script>
&#13;
&#13;
&#13;