Wie wird inverser Text in HTML angezeigt?

Question

Keine Kontrolle über das gesamte HTML-Dokument. Aber innerhalb des HTML-Körpers muss ich inverse Text anzeigen.

Vielleicht so etwas wie folgt aus:

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

Inverse Text bedeutet, tauschte Vorder-/Hintergrundfarben wie folgt aus:

(ich weiß, könnte es ein Problem sein, wenn es keine Hintergrundfarbe gesetzt oder der Hintergrund ist eine Bitmap ...)

Irgendwelche Ideen, wenn das möglich ist?

Answer 1

Wenn Sie „inverse“ müssen wie den Kopf, können Sie versuchen, mit CSS:

transform: rotate(180deg); 

Oder wenn Sie es verwenden, um Flip wollen:

transform: scaleY(-1); 

Answer 2

Wenn Sie davon ausgehen können, dass die Textfarbe nach der Inversion wird immer schwarz sein, können Sie dies tun:

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

Dies legt zunächst die Hintergrundfarbe th Die aktuelle Textfarbe, macht den Text dann schwarz. Es muss in zwei Schritten sein, sonst wird currentColor nur noch schwarz sein.