css - 谷歌翻译插件的“notranslate”类更改网站的css

Question

因此，如果我复制并粘贴谷歌翻译插件代码片段：

<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"，是的，我申请了标题和东西。

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

Answer 1

很容易。

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

例如：

<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>