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

Question

因此，如果我复制并粘贴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 [从标题，动画到甚至bootstrap css]。

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

我会自己尝试，但答案很酷。

Answer 1

很容易。

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

e.g：

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

Answer 2

我有解决方案宽度配置javascript

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