Html 如何使可选文本与'；展示

我需要创建一个样式丰富的文本，它不以视觉方式显示特定的字符，而是包含用于其他目的的字符。例如，UI可能显示类似于

$12345

，但底层文本实际上是

$123.45

• 如果选择显示的文本并按Ctrl+C组合键，剪贴板实际上应该包含基础文本
• 如果选择显示的文本并单击鼠标右键，则上下文菜单应具有以下选项：

  在Google中搜索“X”

  ，其中X是基础文本（假设浏览器支持）
• 屏幕阅读器和网络浏览器都应该“看到”底层文本

以下是我当前的解决方案：

正文{
字体系列：无衬线；
}
.价格{
线高：4.4rem；
字号：4rem；
}
.cc、.cf{
字号：0.6em；
垂直对齐：超级；
边际：0.2px；
}
.cs{
不透明度：0；
边缘：0-0.28em；
}
.ci{
字体大小：4.4rem；
}

$123.45

字体大小0是您可以在此期间尝试的替代方案

.cs {
 font-size: 0;
}

---

信息将根据您的要求保留在屏幕阅读器和剪贴板上

您可以在该期间单独使用字体大小：0，对吗？“这行得通吗？”事实上，行得通。我不知道为什么我没有想到这一点。请随意将其作为答案发布。因为实际页面内容是

$123.45

，这是屏幕读者和网络浏览者将看到的；不用担心。选择和上下文菜单可能是另一个问题，但对于爬虫程序和读者来说，内容（而不是呈现）是最重要的。