如何在html中显示反向文本？

Question

无法控制完整的html文档。 但是在html体内，我需要显示反向文本。

也许是这样的：

<span style=\"text-decoration: inverse;\">inverted text</span>

反向文本意味着，交换前景/背景颜色如下：

（我知道，如果没有背景颜色或背景是位图，可能会出现问题......）

如果有可能，有什么想法吗？

Answer 1

如果你可以假设反转后的文字颜色总是黑色，你可以这样做：

<span style="background-color:currentColor"><span style="color:black">Text here</span></span>

首先将背景颜色设置为当前文本颜色，然后将文本设置为黑色。它必须分两步，否则currentColor将再次变黑。

Answer 2

如果你需要＆＃34;反向＆＃34;像颠倒一样，你可以尝试使用css：

transform: rotate(180deg);

或者如果您只想翻转它：

transform: scaleY(-1);