谷歌翻译字体标签答案

【问题标题】：Google Translate font tag谷歌翻译字体标签
【发布时间】：2015-12-16 12:15:54
【问题描述】：

当我开始在我的网页上翻译时（右键单击 -> 翻译成英文），然后单击表单上的提交按钮，按钮中的文本会成倍增加。我意识到谷歌翻译在我的按钮中以双字体标签包装文本，如果我多次单击该按钮，文本将成倍增加。

这是翻译前的代码：

<button type="button" class="btn btn-success-ox btn-block btn-spin"> 
  Update app details
</button>

翻译并点击按钮3次后：

<button type="button" class="btn btn-success-ox btn-block btn-spin">

  <font><font class="">
    Update app details
  </font></font>

  <font><font>
    Update app details
  </font></font>

  <font><font>
    Update app details
  </font></font>
</button>

如果有办法拦截添加字体标签的函数，或者根本不添加字体标签，我很感兴趣？

【问题讨论】：

$("button.btn").remove("font");在页面加载时
谢谢，但它发生在每条路线上，我不想硬编码我需要删除的所有选择器。此外，文本与点击次数相乘。我很伤心，我想知道是否有一些功能可以做到这一点，附加在文本上并将其包装到字体标签中

标签： javascript html google-translate

【解决方案1】：

将“notranslate”类添加到您希望阻止包含 Google <font> 标记的元素：

<button type="button" class="btn btn-success-ox btn-block btn-spin"> 
  <span class="notranslate">Update app details</span>
</button>

【讨论】：

值得一提的是，这也会阻止谷歌前端翻译你的文字。