📜  从 Google 翻译中删除或隐藏由文本提供支持的文本 - CSS (1)

📅  最后修改于: 2023-12-03 15:21:52.647000             🧑  作者: Mango

从 Google 翻译中删除或隐藏由文本提供支持的文本 - CSS

在网站开发中,Google 翻译通常用于让用户可以轻松地将网站翻译成其他语言。然而,由于翻译是使用机器学习算法自动完成的,有时会出现一些错误或不准确的翻译。在这种情况下,程序员可能需要删除或隐藏与翻译支持相关的文本。本篇文章将介绍如何使用 CSS 来完成这个任务。

删除支持文本

要删除 Google 翻译中的支持文本,可以使用以下 CSS 代码:

.goog-te-spinner-pos,
.goog-tooltip {
    display: none !important;
}

该代码删除了翻译工具加载时显示的旋转图标和提示气泡。使用 !important 关键字可以确保这些 CSS 样式具有最高的优先级,并覆盖其他类似元素的样式。

隐藏支持文本

如果你不想完全删除支持文本,而是希望将其隐藏起来,可以改用以下 CSS 代码:

.goog-te-banner-frame.skiptranslate {
    display: none;
}

该代码隐藏了翻译工具顶部的横幅,但仍然允许用户使用翻译工具。

结论

以上是如何使用 CSS 删除或隐藏 Google 翻译中的支持文本的简单方法。这对于那些需要定制自己网站的程序员来说非常有用,可以让他们在用户希望使用翻译工具的同时,又不用担心出现错误的翻译。