Ich schreibe einen HTML-Editor mit editierbaren Inhalten und ich wollte Zeilenumbrüche ( <br> ) mit einem Sonderzeichen ("↩") am Ende jeder Zeile angeben, die mit einem <br> endet. Daher wollte ich ein Pseudoelement ::after mit diesem Zeichen als content hinzufügen.
Leider funktioniert das nicht. ::before funktioniert auch nicht.
Gibt es eine andere Möglichkeit, das gewünschte Ergebnis zu erzielen?
Von dieser akzeptierten Antwort: Welche Elemente unterstützen die Pseudoelemente :: before und :: after?
Wie Sie hier Ссылка nachlesen können funktioniert nur für Elemente, die einen (Dokumentenbaum) Inhalt haben. %Code% hat keinen Inhalt, sowie
<input>oder<img>.
Nicht lustig, haben Sie darüber nachgedacht, dies mit einem Bild zu tun?
%Vor%Dieses Sprichwort, ich entwarf etwas mit :: before für eine Hintergrund-Überlagerung beim Schweben auf einem Anker.
Ich musste den css-Inhalt angeben, damit {content=""} otherwize nicht angezeigt wird.
Die Pseudoelemente :before und :after sind vage definiert und werden für Elemente wie input nicht unterstützt. Ihr CSS-Code ist nicht ungültig, nur in Browsern nicht unterstützt und nicht wirklich in den Spezifikationen definiert.
In einem Editor, der JavaScript-gesteuert sein muss, nehme ich einfach "↩" -Zeichen in das DOM (und entferne sie später, falls nötig). Beachten Sie jedoch, dass "↩" nur begrenzte Zeichensatzunterstützung bietet. Ein kleines Bild, skaliert auf die Schriftgröße, könnte besser funktionieren.
Tags und Links html css pseudo-element